js創建實例id（js創建函數）

本文目錄一覽：

• 1、怎麼使用js創建
• 2、javascript 怎麼給標籤裡面添加id
• 3、js 動態添加id
• 4、js中如何獲取一個id的值？
• 5、JS創建了一個DIV，並賦予它一個隨機的ID，那麼我該如何獲取ID？具體如下：

怎麼使用js創建

以JS創建按鈕為例：

1、創建一個元素時，使用createElement()函數

2、設置元素屬性可以有以下兩種常用方式，首先獲得具體元素的引用，

a)然後使用elementName.id=””;設置她的id屬性，同樣可以設置name等屬性，具體針對不同的頁面元素有不同的屬性，可以參考DHTML參考手冊

b)使用setAttribute函數，elementName.setAttribute(“id”,”elementId”);

兩種方式各有千秋，例如在設置class屬性時就存在a)不好使用的情況，在使用中需要注意。

3、刪除頁面元素。刪除時首先需要獲得需要刪除的元素的引用，然後使用removeChild函數就可以刪除該元素了。必須要獲得引用後才可以刪除（注意）。

4、無論是創建或者刪除頁面元素，針對的對象是document.body。如果需要查看生成頁面元素後的代碼，需要使用document.body.innerHTML來查看，直接查看源文件是無法看見的。

5、設置disable屬性也比較簡單，只需要將其作為button對象的一個屬性，設置為true就可以了。

function change_style(){

button=exist();

button.setAttribute(“class”,”bt”);//Mozilla設置class的方法

button.setAttribute(“className”,”bt”);//IE設置class的方法

/*下面的設置方法在Mozilla中有效，在IE中無效*/

//button.class=”bt”;

//button.className=”bt”;

}

javascript 怎麼給標籤裡面添加id

舉例：比如有個div，需要給它增加id：

divgood/div

1、首先獲取元素：var divObj = document.getElementByTag(“div”)[0];

2、設置id屬性：divObj.setAttribute(“id”,”divId”);

或者divObj.id=’divId’;

js 動態添加id

你是為了改變樣式還是其他的作用？改變id，可能導致其他讀取錯誤

如果你是單個玩，就可以這樣寫了

改變樣式class就可以了

不過你的就是這樣的：

ul

    lia id=”tage”首頁/a/li

    lia第二頁/a/li

    lia第三/a/li

    lia第四頁/a/li

/ul

script

var lis = document.getElementsByTagName(“li”);

var last = 0;

lis[last].id = “tage”;

for(var i = 0; i  lis.length; i++){

    (function(i){

        lis[i].onclick = function(){

            lis[last].removeAttribute(“id”);

            this.id = “tage”;

            last = i;

        }

    })(i);

}

/script

js中如何獲取一個id的值？

只要使用getAttribute(“id”)函數即可獲取li元素的id值，下面我們一起實例操作一下吧

首先我們在html當中創建li標籤

使用JS獲取li元素對象，getElementsByTagName(“li”)

3.接着我們打印出這樣的運行效果看一下：

4.使用JS獲取li元素的ID 值即可，getAttribute(“id”)

5.下面我們一起來看下運行效果

JS創建了一個DIV，並賦予它一個隨機的ID，那麼我該如何獲取ID？具體如下：

jQuery的選取元素:

可以用以什麼開頭的,層級關係，：first什麼的

或者不用ID選擇，你固定的屬性或則css樣式也是可以，通過.class 或者 attr=”?”選擇到你要的元素.