導航:首頁 > 方法技巧 > js如何獲取標簽屬性的方法

js如何獲取標簽屬性的方法

發布時間:2022-06-12 23:53:04

1. js 怎麼獲取標簽里的屬性

用JS獲取Html標簽屬性有兩種方法:

如<a id="link" href="www..com" title="測試"
blogname="前端開發">Web開發</a>

JS代碼:

var ka=document.getElementByI d("link");
alert(ka.getAttribute("id"));
alert(ka.id);

兩種方法都能彈出a標簽的ID屬性,但從各瀏覽器兼容上來說用ka.id的方式更好,但對於自定義屬性blogname,則就要用getAttribute()來實現了,如:

alert(ka.getAttribute("blogname")); //前端開發

總結如下:

JS獲到Html標簽常規屬性用ka.id,獲到Html標簽的自定義屬性就用ka.getAttribute("id");

2. js中如何獲取某一個屬性的值,如何設置一個屬性的值

3. JS獲取標簽的方法。

document.getElementById("標簽id");//獲取指定的id標簽

document.getElementByName("標簽name屬性");//獲取指定的name的標簽如果有多個標簽的name只相同就獲取所有的name相同的標簽

document.getElementByTagName("div"); //獲取所有的div標簽獲取 的是一個集合

4. js如何獲取xml中某個標簽內的其他屬性

1、用 childNodes 屬性,按順序取
實現過程:首先創建一個 xml 對象,然後載入 xml 文件,再根據待取節點父節點在 xml 文件中的序號和本身的序號,確定待取節點的位置,最後返回待取節點的值。
//pId 待取節點父節點序號
//cId 待取節點序號

function getXmlNodeValue(pId, cId) {
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.load("employeeInfo.xml");
var nodes = xmlDoc.documentElement.childNodes[pId].childNodes[cId];return nodes.childNodes[0].text;
}
調用方法:alert(getXmlNodeValue(1, 2));

2、用 for 循環來取

實現過程:首先創建一個 ie 支持的 xml 對象,如果發生異常,是創建一個 FireFox 支持的空 xml 對象並返回空;然後載入 xml 文件,如要發生異常也返回空;最後,通過 for 循環遍歷查找與傳入的節點值相同的節點,找到後返回屬於該節點的屬性值。
//nodeValue 待取節點的所屬節點值

function getXmlNodeValueFor(nodeValue){
var xmlDoc;
try {
//創建一個 ie 支持的 XML 文檔對象
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
}catch(e){
try{
//創建FireFox空的XML文檔對象
xmlDoc=document.implementation.createDocument("","",null);
}catch(e){
alert(e.message);
return "";
}
}
xmlDoc.async = false;
try {
xmlDoc.load("employeeInfo.xml");
}catch(e){
alert(e.message);
return "";
}
var xd=xmlDoc.documentElement.childNodes;
if(xd==null)
return "";
var tempValue;
for(var i=0;i<xd.length;i++){
if(xd[i].childNodes[0].childNodes[0].nodeValue==nodeValue) tempValue=xd[i].childNodes[2].childNodes[0].nodeValue;
}
return tempValue;
}
調用方法:alert(getXmlNodeValueFor("王佳琳"));

5. js 如何拿到下圖的值

有兩個方法。js原生方法和jQuery,推薦後者


1.原生方法:

document.getElementsByClassName("f-icon-minus")[0].getAttribute("rowid")

在點擊事件中獲取

    6. 怎麼用JS獲取HTML標簽內的內容

    1、首先打開hbuilder軟體,新建一個html文件,裡面寫入一個p標簽和一個按鈕標簽。

    7. html JS中如何獲取某ID下的某個標簽的某個屬性值

    使用JavaScript獲取某個元素的屬性值可以使用jQuery中的選擇器+attr()方法。

    工具原料:編輯器、瀏覽器

    1、實現的思路是先使用選擇器通過id獲取到這個元素,然後使用attr方法獲取某個屬性的值,代碼如下:

    <divid="div1"class="test">

    </div>
    <script>
    console.log($('#div1').attr('class'));
    </script>

    2、運行的結果是獲取到了class的值test,如下圖:

    8. html JS中如何獲取某ID下的某個標簽的某個屬性值

    1.JS方法:

    <script>window.onload=function(){

    var va = document.getElementById("d1").childNodes;
    for(var i=0;i<va.length;i++){
    if(va[i].nodeName.toLocaleUpperCase() == "A"){
    alert("JS: "+va[i].attributes["linkId"].nodeValue);
    }
    }
    };
    </script>

    2. Jquery方法:

    <script src="jquery-1.9.1.min.js" type="text/javascript"></script>
    <script>
    $(document).ready(function(){
    $("#d1 a").each(function(){
    alert("Jquery: "+$(this).attr("linkId"));
    });
    });
    </script>

    9. Jquery和Js獲得元素標簽名稱的方法總結

    Jquery

    Javascript
    獲得元素標簽名稱是通過tagName的屬性獲取的。
    這里提供高版本
    Jquery的獲取元素標簽名稱的方法:
    1、$(
    this
    ).get(0).tagName
    2、$(
    this
    )[0].tagName
    3、$(
    this
    ).prop("tagName")
    4、$(
    this
    ).prop("nodeName")
    以上就是小編為大家帶來的Jquery和Js獲得元素標簽名稱的方法總結全部內容了,希望大家多多支持腳本之家~

    閱讀全文

    與js如何獲取標簽屬性的方法相關的資料

    熱點內容
    地下水高錳酸鉀指數測量方法 瀏覽:341
    纖維樁使用方法 瀏覽:693
    貴州點光源安裝方法 瀏覽:817
    化學鍍方法和技巧 瀏覽:500
    寶寶怎麼治療最好的方法 瀏覽:467
    csgo連入專屬伺服器失敗解決方法 瀏覽:947
    溶液酸鹼性計算方法 瀏覽:213
    戰馬貼膜的正確方法 瀏覽:181
    復印機安裝與操作方法 瀏覽:28
    概率中的個數計算方法 瀏覽:833
    金帥洗衣機使用方法 瀏覽:662
    怎麼選擇樁的施工方法 瀏覽:601
    聯想筆記本限速在哪裡設置方法 瀏覽:496
    怎樣快速止牙痛土方法 瀏覽:64
    子宮肌層2mm治療方法 瀏覽:801
    波紋排水管安裝方法 瀏覽:261
    華為網路密碼在哪裡設置方法 瀏覽:1015
    含羞草如何種植方法 瀏覽:363
    小米note微信視頻在哪裡設置方法 瀏覽:856
    在家製作紅棗糕的簡單方法 瀏覽:428