導航:首頁 > 方法技巧 > 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如何獲取標簽屬性的方法相關的資料

    熱點內容
    綠蘿生蟲子怎麼辦最快的方法 瀏覽:514
    女性最佳取環方法 瀏覽:363
    手機信號最強的方法 瀏覽:802
    圖片粘貼排版方法視頻 瀏覽:373
    抗疫和防疫的方法和技巧手抄報 瀏覽:75
    小學生如何能快速答卷的方法 瀏覽:76
    當體溫升高時常用哪些方法降溫 瀏覽:38
    車窗拋物方法視頻教程 瀏覽:604
    鹽水去頭屑的最佳方法 瀏覽:227
    冬季開花花卉怎麼養正確方法圖文 瀏覽:957
    如何製作腐植酸的方法 瀏覽:47
    體育信息的研究方法 瀏覽:320
    口袋最簡單的方法怎麼折呢 瀏覽:18
    壓力表的常見問題和解決方法 瀏覽:153
    腎上腺素的釋放水平檢測方法 瀏覽:281
    儀表總耗氣量的計算方法有哪些 瀏覽:923
    每天百分比計算方法 瀏覽:178
    98乘以99分之8的簡便方法 瀏覽:492
    如何求零點解決方法 瀏覽:417
    購買佛壁的正確方法圖解 瀏覽:478