02.js元素查找和創(chuàng)建標(biāo)簽

1.查找元素

document表示當(dāng)前整體文檔;

document.getElementById('ID') 根據(jù)Id獲取元素

document.getElementsByName('')[0] 根據(jù)標(biāo)簽的name獲取

document.getElementsByTagName('')[0] 根據(jù)標(biāo)簽名獲取

document.getElementsByClassName('')[0] 根據(jù)class名獲取

document.querySelector('body>div') 根據(jù)css選擇器獲得一個(gè)元素(獲得第一個(gè)符合條件的元素)

document.querySelectorAll('body>div') 根據(jù)css選擇器獲得一個(gè)集合元素(獲得一個(gè)集合的元素)


document.querySelector('body>a').childNodes.length? 得到第一個(gè)div下子節(jié)點(diǎn)的長(zhǎng)度

document.querySelector('body>a').childNodes[0].nodeType 得到第一個(gè)子節(jié)點(diǎn)類(lèi)型的值

document.querySelector('body>a').childNodes[0].nodeName 得到第一個(gè)子節(jié)點(diǎn)的名稱


document.getElementById('ID').attributes.value (得到屬性的值)

document.getElementById('ID').attributes.name (得到屬性的名稱)

例:<a 屬性名="123"></a>

document.getElementById('ID').getAttribute('屬性名') (可以獲取到指定屬性名的屬性值)

document.getElementById('ID').setAttribute('屬性名','改變屬性值') (可以改變屬性值)

document.getElementById('ID').removeAttribute('屬性名') (可以移除指定屬性名)

2.創(chuàng)建標(biāo)簽元素

var div = document.createElement('div') (創(chuàng)建一個(gè)div標(biāo)簽)

document.body.appendChild(div)? (把div標(biāo)簽添加到body里)

var a = document.createElement('a')

div.appendChild(div) (把a(bǔ)標(biāo)簽添加到div里)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 我們首先要明白,我們給頁(yè)面添加效果用到的js到底是什么?js其實(shí)包含三部分:dom 文檔對(duì)象模型 bom 瀏覽...
    一直以來(lái)都很好閱讀 874評(píng)論 0 0
  • 一、JS前言 (1)認(rèn)識(shí)JS 也許你已經(jīng)了解HTML標(biāo)記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示),會(huì)使用HT...
    凜0_0閱讀 2,933評(píng)論 0 8
  • 本文整理自《高級(jí)javascript程序設(shè)計(jì)》 DOM(文檔對(duì)象模型)是針對(duì)HTML和XML文檔的一個(gè)API(應(yīng)用...
    SuperSnail閱讀 674評(píng)論 0 1
  • “破睡須封不夜侯”,不夜侯是茶的雅號(hào),它有著提神醒腦之功。毋庸置疑,這是茶人三部曲的第二部。 絮叨完第一部《南方有...
    小褲兜兒閱讀 2,923評(píng)論 1 3
  • 最近有個(gè)熱門(mén)話題關(guān)于“帶個(gè)大城市的女朋友回農(nóng)村過(guò)年”,起因是上海女孩陪男朋友回江西農(nóng)村老家過(guò)年,看到第一頓飯實(shí)在太...
    王莎莉閱讀 460評(píng)論 3 2

友情鏈接更多精彩內(nèi)容