本文目錄一覽：
如何用js動態寫入html代碼
所謂動態寫入方法就是源文件代碼中原來沒有內容或者需要重新改變此處的要顯示的文字或內容，需要用JavaScript代碼來實現。動態寫入是一種很常見常用的方法。
1、用innerHTML寫入html代碼：
div id=”abc”/div
scriptdocument.getElementById(“abc”).innerHTML=”要寫入的文字或內容”/script
2、appendChild() 方法：
ul id=”myList”liCoffee/liliTea/li/ul
button onclick=”myFunction()”點擊向列表添加項目/button
script
function myFunction(){
var node=document.createElement(“LI”);
var textnode=document.createTextNode(“Water”);
node.appendChild(textnode);
document.getElementById(“myList”).appendChild(node);
}
/script
如何查看js動態生成的js代碼
Javascript動態生成的HTML內容無法在網頁源文件中查看，但可以通過在瀏覽器地址欄敲入以下Javascript代碼查看Body元素包含的內容：
javascript:document.write(document.body.innerHTML.replace(//g, “”).replace(//g, “”))
下面的Javascript代碼可以查看某個層包含的內容：
javascript:document.write(document.getElementById(‘box151’).innerHTML.replace(//g, “”).replace(//g, “”))
Js動態設置rem來實現移動端字體的自適應代碼
下面一段代碼給大家介紹了Js動態設置rem來實現移動端字體的自適應，以此做個記錄，方便以後需要，感興趣的朋友一起看看吧。
具體代碼如下所示：
//設置根元素字體
var
win
=
window,
doc
=
document;
function
setFontSize()
{
var
winWidth
=
$(window).width();
//750這個數字是根據你的設計圖的實際大小來的，所以值具體根據設計圖的大小
var
size
=
(winWidth
/
750)
*
100;
doc.documentElement.style.fontSize
=
(size
100
?
size
:
100)
+
‘px’;
};
//這裡我們給個定時器來實現頁面加載完畢再進行字體設置
setTimeout(function()
{
//初始化
setFontSize();
},
100);
以上所述是小編給大家介紹的Js動態設置rem來實現移動端字體的自適應代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
如何用js動態寫入html代碼？
所謂動態寫入方法就是源文件代碼中原來沒有內容或者需要重新改變此處的要顯示的文字或內容，需要用
JavaScript
代碼來實現。動態寫入是一種很常見常用的方法。
1、用
innerHTML
寫入
html代碼
：
div
id=”abc”/div
scriptdocument.
getElementById
(“abc”).innerHTML=”要寫入的文字或內容”/script
2、
appendChild
()
方法：
ul
id=”myList”liCoffee/liliTea/li/ul
button
onclick=”myFunction()”點擊向列表添加項目/button
script
function
myFunction(){
var
node=document.createElement(“LI”);
var
textnode=document.createTextNode(“Water”);
node.appendChild(textnode);
document.getElementById(“myList”).appendChild(node);
}
/script
如何使用js動態生成html代碼
所謂動態生成html代碼就是源文件代碼中原來沒有內容或者需要重新改變此處的要顯示的文字或內容，需要用JavaScript代碼來實現。動態生成是一種很常見常用的方法。
用innerHTML寫入html代碼：
123div id=”zd”/div‘即為向id為zd的標籤寫入內容scriptdocument.getElementById(“zd”).innerHTML=”這裡即為要寫入的代碼”/script
說明：
innerHTML：向對象插入內容。
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/276985.html
微信掃一掃 
支付寶掃一掃 