html()方法有什么用

發(fā)布時間：2022-03-05 11:11:05 來源：億速云閱讀：119 作者：小新欄目：web開發(fā)

這篇文章主要介紹html()方法有什么用，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

　　.html()

　　描述: 獲取集合中第一個匹配元素的HTML內(nèi)容

　　這個方法不接收任何元素。

　　獲取集合中第一個匹配元素的HTML內(nèi)容

　　在一個 HTML 文檔中, 我們可以使用 .html() 方法來獲取任意一個元素的內(nèi)容。如果選擇器匹配多個元素，那么只有第一個匹配元素的 HTML 內(nèi)容會被獲取。考慮下面的代碼：

　　$('div.demo-container').html();

　　下文的獲取的<div>的內(nèi)容，必定是在文檔中的第一個class="demo-container"的div中獲取的：

　　<div class="demo-box">Demonstration Box</div>

　　</div>

　　結(jié)果如下:

　　<div class="demo-box">Demonstration Box</div>

　　這種方法使用瀏覽器的innerHTML 屬性。有些瀏覽器返回的結(jié)果可能不是原始文檔的 HTML 源代碼。例如，如果屬性值只包含字母數(shù)字字符，Internet Explorer有時丟棄包裹屬性值的引號。

　　例子:

　　點(diǎn)擊段落將HTML轉(zhuǎn)化為文本

　　<!DOCTYPE html>

　　<html>

　　<head>

　　<style>

　　p { margin:8px; font-size:20px; color:blue;

　　cursor:pointer; }

　　b { text-decoration:underline; }

　　button { cursor:pointer; }

　　</style>

　　</head>

　　<body>

　　<p>

　　<b>Click</b> to change the <span id="tag">html</span>

　　</p>

　　<p>

　　to a <span id="text">text</span> node.

　　</p>

　　<p>

　　This <button name="nada">button</button> does nothing.

　　</p>

　　$("p").click(function () {

　　var htmlStr = $(this).html();

　　$(this).text(htmlStr);

　　});

　　</script>

　　</body>

　　</html>

以上是“html()方法有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

html()方法有什么用

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽