jQuery是一個非常流行的JavaScript框架,有很多特性方便我們進行網頁開發,其中innerHtml()方法也是這樣一個好用的特性之一。
$(selector).innerHtml()
這個方法可以獲取或者修改DOM元素的HTML內容。例如,下面這段代碼就是獲取一個id為“example”的元素的HTML內容:
$("#example").innerHtml();
如果要修改它的HTML內容,可以這樣:
$("#example").innerHtml("新的內容");
值得注意的是,如果要同時獲取或者修改多個元素的HTML內容,需要使用.each()方法:
$("p").each(function(){ console.log($(this).innerHtml()); });
在使用innerHtml()方法的時候也需要注意一些細節問題,比如說:
- 若想要保留空格等格式,應該使用.outerHtml()方法
- 對于表格(table)元素,應該使用.html()方法,因為innerHtml()會破壞表格結構
總的來說,innerHtml()是一個非常好用的方法,可以方便地獲取或者修改HTML內容,但是在使用的時候需要注意細節問題才可以真正發揮它的威力。