js創建行元素節點

㈠ js - 元素節點插入操作總結

在JavaScript中，實現元素中插入節點的操作方法包括insertAdjacentElement、insertAdjacentHTML、insertAdjacentText、innerHTML、appendChild、append和after。這些方法在操作元素時各有特點及適用場景。

insertAdjacentElement、insertAdjacentHTML與insertAdjacentText在插入位置上相似，但操作內容不同。insertAdjacentElement需要插入DOM節點，否則將引發類型錯誤警告。insertAdjacentHTML適用於插入HTML文本信息，解析後形成元素。insertAdjacentText則直接插入文本信息，不進行解析。而innerHTML可設置或獲取HTML語法表示的元素後代，適用於動態更新元素內容。

注意在使用innerText和textContent時，它們分別設置或獲取節點及其後代元素的文本內容。不同之處在於，textContent不僅獲取可見文本，還包含隱藏元素、script標簽內容和style標簽中的內容。

appendChild方法將一個節點附加到指定父節點的子節點列表末尾。若目標節點已存在於文檔樹中，appendChild會將其移動至新位置，而無需先移除節點。append則在Element的最後一個子節點之後插入一組Node或DOMString對象，等價於插入Text節點。與appendChild相比，append不改變節點在DOM樹中的位置。

after方法在目標節點之後插入一組Node或DOMString對象，等價於插入Text節點。此方法提供了一種簡便的元素插入方式，無需關心目標節點的具體位置。這些插入操作方法在實際開發中應根據具體需求靈活選擇，以實現高效、准確的DOM結構管理。

㈡ js怎麼創建屬性節點，設置屬性值，向元素添加屬性節點

這寫的有點太亂了吧，js和jQuery結合？！！？

js這樣寫一句話就可以
document.getElementsByTagName("input")[0].setAttribute("disabled", "disabled");

jQuery這樣一句話就可以

$("input").attr("disabled","disabled");

jQuery attr() 方法專設置或返屬回被選元素的屬性值。

獲取屬性值語法
$(selector).attr(attribute)

參數 描述

attribute 規定要獲取其值的屬性。

設置屬性
設置被選元素的屬性和值。

語法
$(selector).attr(attribute,value)

參數 描述

attribute 規定屬性的名稱。
value 規定屬性的值。

㈢ 如何用js在頁面中添加元素

想要在頁面動態添加元素，首先要確定在哪個元素後面添加元素，然後利用js的appendChild方法在該元素後面追加元素。

1.獲取父節點元素var body = document.getElementsByTagName('body')[0]。

2.然後動態創建a標簽var a = document.createElement('a')。

3.把創建好的a標簽追加到body下面body.appendChild(a)。

4.在a標簽裡面添加文本內容a.innerHTML = '這是一個鏈接'。

5.給a標簽添加一個鏈接a.href = 'https://www..com/'。

(3)js創建行元素節點擴展閱讀：

js一些原生方法

element.appendChild()方法向節點添加最後一個子節點。

element.innerHTML設置或返回元素的內容。

document.getElementsByTagName()返回帶有指定標簽名的對象集合。

document.getElementById()返回對擁有指定 id 的第一個對象的引用。

document.createElement()通過指定名稱創建一個元素。