如何用js動態寫入html程式碼
所謂動態寫入方法就是原始檔程式碼中原來沒有內容或者需要重新改變此處的要顯示的文字或內容,需要用JavaScript程式碼來實現。動態寫入是一種很常見常用的方法。
1、用innerHTML寫入html程式碼:
2、appendChild() 方法:
把html相關的程式碼相連成一個字串,賦給一個變數,innerHTML語法就可以了
比如
html 程式碼
I would like to say:
var s = “
Hello
”;
document。getElementById(“p1”)。innerHTML += s
結果
I would like to say:
Hello
還有一些dom方法也可以實現
append等等
var div = document。createelement(“div”);
div。id = “mydiv”;
div。innerhtml = “你要填入的html程式碼”;
document。body。appendchild(div);
//jquery 版本
$(“#id”)。html(“你要填入的html程式碼”);
//總之動態寫入html程式碼是挺靈活的,還有什麼類似document。write();等等。希望能夠幫到你。
把html相關的程式碼相連成一個字串,賦給一個變數,innerHTML語法就可以了
比如
html 程式碼
I would like to say:
var s = “
Hello
”;
document。getElementById(“p1”)。innerHTML += s結果
I would like to say:
Hello
還有一些dom方法也可以實現
append等等
var div = document。createElement(“div”);
div。id = “myDiv”;
div。innerHTML = “你要填入的html程式碼”;
document。body。appendChild(div);
//jquery 版本
$(“#id”)。html(“你要填入的html程式碼”);
//總之動態寫入html程式碼是挺靈活的,還有什麼類似document。write();等等。希望能夠幫到你。