溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹html()方法有什么用，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
.html()
描述: 獲取集合中第一個匹配元素的HTML內容
這個方法不接收任何元素。
獲取集合中第一個匹配元素的HTML內容
在一個 HTML 文檔中, 我們可以使用 .html() 方法來獲取任意一個元素的內容。 如果選擇器匹配多個元素，那么只有第一個匹配元素的 HTML 內容會被獲取。 考慮下面的代碼：
$('div.demo-container').html();
下文的獲取的<div>的內容， 必定是在文檔中的第一個class="demo-container"的div中獲取的：
<div class="demo-container">
<div class="demo-box">Demonstration Box</div>
</div>
結果如下:
<div class="demo-box">Demonstration Box</div>
這種方法使用瀏覽器的innerHTML 屬性。有些瀏覽器返回的結果可能不是原始文檔的 HTML 源代碼。例如，如果屬性值只包含字母數字字符，Internet Explorer有時丟棄包裹屬性值的引號。
例子:
點擊段落將HTML轉化為文本
<!DOCTYPE html>
<html>
<head>
<style>
p { margin:8px; font-size:20px; color:blue;
cursor:pointer; }
b { text-decoration:underline; }
button { cursor:pointer; }
</style>
<script src="https://code.jquery.com/jquery-latest.js"></script>
</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>
<script>
$("p").click(function () {
var htmlStr = $(this).html();
$(this).text(htmlStr);
});
</script>
</body>
</html>
以上是“html()方法有什么用”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
