[09-02]元素innerHTML

時間 2019-12-08

標籤元素 innerhtml 欄目 HTML 简体版

原文原文鏈接

<!DOCTYPE html>

<head>

　　<style>

　　div{

　　　　background: greenyellow;

　　　　height: 200px;

　　　　border: 1px solid red;

　　}

</style>

</head>

<body>

　　　　//先找到div

　　　　var my = document.getElementById("myDiv");

//在後臺展現div裏的內容

console.log(my.innerHTML);

//修改div裏面的內容

// my.innerHTML = "";

//須要一個變量，將全部的字符串放在裏面，如變量 allline 爲空；

　　var allline ="";

　　var jon =5;

　　for(var j=0;j<jon;j++){

　　　　//行

　　　　var len = j+1;

　　　　var oneline = "";

　　　　for(var i=0;i<len;i++){

　　　　　　　　oneline+="*";

　　　　　　}

　　　　　　// document.write(oneline+"<br>");

　　　　　　//換行

　　　　　　oneline +="<br>";

　　　　　　//獲取的每一行加載到allline中；

　　　　　　allline += oneline;

　　　　}

　　　　//將allline賦值給innerHTML ；

　　　　my.innerHTML = allline;

　　</script>

</body>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。