1.document物件改變Html元素內容
(1.)innerText不會自動決議html標簽,會將代碼前后的空格和換行去掉
innerHTMl會自動決議html標簽，保留代碼前后的空格和換行 （推薦使用這個）
這兩個屬性都可以改變html元素內容，會將標簽原有的元素內容覆寫，而不是追加元素內容
(2.）除此之外innerText和InnerHtml兩個屬性不僅可以改變Html元素內容，還可以獲取Html元素內容
案例代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="one">111</div>
<div class="two">222</div> <!-- innerText和innerHtml會覆寫html元素內容，而不是追加元素內容 -->
<p>
12312
<span>2222</span>
<a href="#">1</a>
</p>
<script>
var obj1 = document.querySelector('.one'); //獲取類名為one的第一個元素物件
var obj2 = document.querySelector('.two'); //獲取類名為two的第一個元素物件
var obj3 = document.querySelector('p');//獲取標簽為p的第一個元素物件
obj1.innerText = '<h2>123</h2>'; //innerText不會自動決議html標簽
obj2.innerHTML = '<h2>123</h2>'; //innerHTMl會自動決議html標簽
//使用innerText和innerHtml獲取Html元素內容
console.log(obj3.innerText);
console.log(obj3.innerHTML);
</script>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/352243.html
標籤：其他
上一篇：vue隨筆(2)