首页 > itarticle > outerhtml,outertext,innerhtml,innertext对比 outerText innerHTML innerText

outerhtml,outertext,innerhtml,innertext对比 outerText innerHTML innerText

admin 11月 12, 2020 0

获取dom元素自身的字符串

1
2
3

<h1 id="title">这是<em>借款申请表</em></h1>
title.outerHTML
输出： '<h1 id="title">这是<em>借款申请表</em></h1>'

outerText

获取自身所有的文字

1
2
3

<h1 id="title">这是<em>借款申请表</em></h1>
title.outerText
输出： '这是借款申请表'

获取内部元素字符串

1
2
3

<h1 id="title">这是<em>借款申请表</em></h1>
title.innerHTML
输出： '这是<em>借款申请表</em>'

获取内部所有文字

1
2
3

<h1 id="title">这是<em>借款申请表</em></h1>
title.innerText
输出： '这是借款申请表'