新增 刪除元素

2022-09-22 21:42:23 字數 1141 閱讀 1832

1、如何動態的建立html元素

1.動態的新增到document文件中

基本步驟:

1) 建立元素(createelement)

2) 給新的元素新增必要的資訊

3) 將元素新增到指定的位置(appendchild),比如div body

function test(){

//建立元素

//寫希望建立的元素的標籤名字

varmyelement=document.createelement(a);

var myelement2=document.createelement(input);

//給新的元素新增必要的資訊

myelement.href=

myelement.innertext=連線到百度;

myelement.id=id1;

myelement2.type=button;

myelement2.value=我是按鈕;

//可以指定位置

/*myelement.style.left=200px;

myelement.style.top=300px;

myelement.style.position=absolute;

//將元素新增到document.body上去

document.body.appendchild(myelement);*/

//將元素新增到div上去

document.getelementbyid(div).appendchild(myelement);

document.getelementbyid(div).appendchild(myelement2);

2.動態的刪除document文件中的元素(removechild)

function test2(){

//刪除乙個元素(刪除乙個元素的是有前提的:必須獲得父元素)

//這是第一種方法(不靈活)

//第二種方法比較靈活(推薦)這種方法不知道父元素id也能獲得父元素

測試可以返回父元素id

document.getelementbyid(id1).parentnode.removechild(document.getelementbyid(id1));

div

新增刪除元素

1 createliement建立乙個元素節點 createeement p 建立乙個段落 2 creattextnode建立乙個文字節點 creattextnode 文字內容 建立乙個值為 文字內容 的文字節點 4 remoyechild 刪除子節點 動態刪除 這種方法是分別找到父節點和要刪除的節...

jquery 新增 刪除元素

注意struts2標籤中寫法 value class normalbtu value 提交 nclick fun jquery有增加和刪除元素的方法。主要分為內部插入,外部插入,包裹,替換,刪除。內部插入主要方法 prepend content 向每個匹配的元素內部前置內容。外部插入 after c...

新增或刪除 HTML dom元素

如需向 html dom 新增新元素,您必須首先建立該元素 元素節點 然後向乙個已存在的元素追加該元素。這是乙個段落。這是另乙個段落。這段 建立新的元素 var para document.createelement p 如需向 元素新增文字,您必須首先建立文字節點。這段 建立了乙個文字節點 var...