使用js動態新增連結隨機連結

網上衝浪手發表於2020-12-23
JS隨機

需求：JQuery請求的後端多個資料後，賦值給前端頁面，以列表的形式展示出來

完成的簡單模板

<html>
	<head>
		<script src="G:/js/jquery-3.5.1.js"></script>
    	<script>

        	$(function(){
							var html = $("#div0").html();

							$("#btn").click(function(){
								$tr = $(html);
								//給頁面新增資料，本例為隨機數
								$tr.attr("href","https://www.baidu.com");//改變連結內容
								$tr.html('#'+Math.floor(Math.random()*0xffffff).toString(16));//改變連結文字
								$tr.css("background-color",'#'+Math.floor(Math.random()*0xffffff).toString(16));//生成隨機顏色
								$("#div0").append($tr);
							})
            });

        </script>
    </head>
    <body>
				<div id="div0">
						<a id="link" href="https://www.runoob.com/js/js-htmldom.html">哈哈哈</a><br>
				</div>
				<input id="btn" type="button" value="點選">

    </body>
</html>

相關文章