导航:首页 > 方法技巧 > 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如何获取标签属性的方法相关的资料

    热点内容
    购买佛壁的正确方法图解 浏览:475
    如何快速学好基本功的方法 浏览:327
    耐力跑的训练方法教案 浏览:297
    风险管理方法如何区分定性定量 浏览:193
    正确鱼塘杀虫方法 浏览:617
    无油洗发水的正确方法 浏览:33
    浮漂切胚方法视频 浏览:637
    解奶正确方法 浏览:774
    脚烧伤了怎么办最快的方法 浏览:848
    拼装式床头与床包的连接方法 浏览:919
    肠胃积热怎么治疗方法 浏览:498
    三星s44g在哪里设置方法 浏览:38
    大型双列圆锥轴承的安装方法 浏览:779
    编创方法和步骤 浏览:941
    甩头发的技巧和方法 浏览:669
    煤的发热量简单测定方法 浏览:455
    把锅子煮糊了用什么方法 浏览:730
    洛氏硬度仪使用方法 浏览:876
    加工衣服的快速方法 浏览:66
    电脑鼠标耳机连接方法 浏览:709