作者：佳麟钧君怡慧_481 | 来源：互联网 | 2023-06-08 16:16
总结a.textContent蓝猫淘气a.innerHTML蓝猫淘气a.innerText蓝猫淘气textContent与innerText是获取当前标签下的文本textCont
总结
a.textContent // 蓝猫淘气
a.innerHTML //蓝猫
淘气
a.innerText //蓝猫
//淘气
textContent 与 innerText 是获取当前标签下的文本
textContent 获取当前标签下所有的的文本 拼接 一起返回
innerText 不同级别标签返回的使用空格区分
innerText ,textContent &＃xff0c;都可以插入文本 并且清空之前的内容
innerHTML 都可以插入文本(标签) 并且清空之前的内容
<html><head><meta charset&＃61;"UTF-8"><meta name&＃61;"viewport" content&＃61;"width&＃61;device-width, initial-scale&＃61;1.0">head><body><ul id&＃61;"ul"><li id&＃61;"dli">蓝猫<div>淘气div>li>ul><button onclick&＃61;"gaibianyangshi()">点击button><script>function gaibianyangshi(){var a &＃61; document.getElementById(&＃39;dli&＃39;);console.log(a.textContent,1,a.innerHTML,1,a.innerText)var value &＃61; a.textContent;}script>body>
html>
引起了我的好奇&＃xff0c;如果有有多个会怎么样
<html><head><meta charset&＃61;"UTF-8"><meta name&＃61;"viewport" content&＃61;"width&＃61;device-width, initial-scale&＃61;1.0">head><body><ul id&＃61;"ul"><li id&＃61;"dli">蓝猫<div>淘气div>红猫<div>跳跳div>li>ul><button onclick&＃61;"gaibianyangshi()">点击button><script>function gaibianyangshi(){var a &＃61; document.getElementById(&＃39;dli&＃39;);console.log(a.innerText)var value &＃61; a.textContent;}script>body>
html>
<html><head><meta charset&＃61;"UTF-8"><meta name&＃61;"viewport" content&＃61;"width&＃61;device-width, initial-scale&＃61;1.0">head><body><ul id&＃61;"ul"><li id&＃61;"dli">蓝猫<div>淘气div>红猫<div>跳跳div>li>ul><button onclick&＃61;"gaibianyangshi()">点击button><script>function gaibianyangshi(){var a &＃61; document.getElementById(&＃39;dli&＃39;);console.log(a.textContent,1,a.innerHTML,1,a.innerText)var value &＃61; a.textContent;}script>body>
html>
京公网安备 11010802041100号