`
ggyy899
  • 浏览: 11908 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类

想获取div指定的所有属性

 
阅读更多

想要获取div的所有属性并不难,
var txtAttribs = document.getElementById("txtAttribs");
var oAttribs = txtAttribs.attributes;
oAttribs 这个便是id为txtAttribs的div的所有属性集合,然后我们用for循环遍历它就能得到每一个属性及相应的值
for (var i = 0; i < oAttribs.length; i++){
    var oAttrib = oAttribs[i];
    document.getElementById("showAttribs").innerHTML += oAttrib.nodeName + '=' + oAttrib.nodeValue + ')<BR>'; 
}
这样打印处很多东西来了,它把div的所有标准属性都打印出来了,并不是我们想要的。

我们想要的是在页面的div指定的所有属性,比如由一个div:
<DIV id="txtAttribs" style="position:relative;top:25px;left:50px;height:100px;
width:100px;background-color:yellow;text-align:center;font-size:large;" onclick="ShowAttribs(this)" myarrtib="我自己定义的属性"></div>
要想遍历 id, style, myarrtib这三个属性和值的话,那么用上面的方法显然就不对了。
我查了网上的资料没有找到相关内容,于是自己查API。终于找到解决方案了,于是出来示众。
for (var i = 0; i < oAttribs.length; i++){
    var oAttrib = oAttribs[i];
    if(oAttrib.specified == true){
        document.getElementById("showAttribs").innerHTML += oAttrib.nodeName + '=' + oAttrib.nodeValue + ')<BR>'; 
    }
}

原来是specified这个属性起了作用!

分享到:
评论

相关推荐

    Js Div属性大全

    31. outerHTML/outerText:设置或获取Div元素及其所有子元素的HTML代码或纯文本。 32. ownerDocument:获取与Div元素相关的文档对象。 33. parentElement/parentNode:获取Div元素的父级元素和节点。 34. ...

    .NET获取Html字符串中指定标签的指定属性的值

    ### .NET 获取 HTML 字符串中指定标签的指定属性的值 在.NET框架下,有时候我们需要从HTML字符串中提取特定的信息。例如,我们可能需要从一个包含多个`&lt;img&gt;`或`&lt;a&gt;`标签的HTML字符串中提取出`src`或`href`属性的值...

    js下获取div中的数据的原理分析.docx

    例如,`document.getElementById("ddhdh").innerHTML`将获取`div`内的所有HTML代码。 3. `innerText`属性(非标准):在Internet Explorer和Opera浏览器中,`innerText`属性可以获取元素的纯文本内容,不包含HTML...

    jQuery实现将div的滚动条滚动到指定位置

    如果div的`overflow`属性同时设置为`auto`,那么水平和垂直滚动条都会出现。 总的来说,通过jQuery的`animate()`方法,我们可以轻松地实现div滚动条的动态控制,为用户提供更加友好的交互体验。这个功能在展示长...

    JS获取元素多层嵌套思路详解

    如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案,大家可以参考参考,如果你有好的方法,也分享出来,让我们瞧瞧。 HTML: &lt;!DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta ...

    python的xpath获取div标签内html内容,实现innerhtml功能的方法

    对于获取`div`标签内的HTML内容,我们需要做的是提取出标签之间的所有内容,包括子元素、文本和它们的属性。在JavaScript中,`innerHTML`属性可以直接实现这个功能,但在Python中,我们需要编写一些辅助函数来达到...

    JavaScript动态改变div属性的实现方法

    首先,想要动态改变页面上元素的属性,需要通过JavaScript代码获取到对应的DOM元素。通常使用document.getElementById()或document.getElementsByTagName()方法,前者是根据元素的ID属性获取单个元素,而后者则是...

    JavaScript和JQuery获取DIV值的方法示例

    在介绍获取DIV值的方法时,文中提到JavaScript可以使用document对象的getElementById方法来获取指定ID的DIV元素,并通过访问其innerHTML属性来获取其内容。而jQuery的方法则更为简洁,可以直接使用ID选择器加上text...

    JavaScript实现获取dom中class的方法

    上述代码中,`getClass`函数通过`getElementsByTagName`获取所有子元素,并通过`for`循环遍历每一个元素,使用`indexOf`方法检查`className`属性是否包含指定的class名。如果包含,就将其添加到结果数组中。 5. ...

    通过js获取div的background-image属性

    `getComputedStyle`返回一个`CSSStyleDeclaration`对象,我们可以调用`getPropertyValue`方法获取指定CSS属性的值。 总结起来,要获取一个`div`的`background-image`属性,你需要: 1. 使用`document....

    DIV折叠展开DIV折叠展开

    此函数用于实现页面中所有指定ID前缀为“DIV”的元素的显示或隐藏。具体实现如下: ```javascript function panall() { for (var i = 1; i ; i++) { var divElement = document.getElementById("DIV" + i); if ...

    用JS来控制DIV样式的display属性

    在JavaScript中,可以通过多种方式来获取和操作DOM元素,其中一种常用的方法是`document.getElementById()`,它可以返回带有指定ID的第一个对象的引用。 #### 实例代码解析 下面是对给定文件内容的详细分析: 1. ...

    js截取div并输出为图片

    标题“js截取div并输出为图片”所描述的就是这样的一个功能,通过JavaScript实现对指定`div`元素的截图并转化为图片格式。在这个项目中,以截取百度地图为例,解决了SVG元素无法正常截取的问题,这对于包含复杂SVG...

    div控制条形图下面指针的指定位置

    "div控制条形图下面指针的指定位置"这个话题涉及到如何利用HTML的div元素以及JavaScript技术来实现一个条形图,并精确控制其中的指针在特定位置的显示。这通常用于制作数据仪表盘、数据分析界面等,帮助用户直观地...

    获取鼠标在div中的相对位置的实现代码

    然而,我们想要的是鼠标相对于某个div的位置,这涉及到元素的相对坐标计算。 代码中定义了两个函数`getX`和`getY`,用于获取元素的相对坐标。它们通过遍历元素及其所有父元素的`offsetLeft`和`offsetTop`属性累加...

    js移动层和跟随鼠标的div

    - 对象属性访问:使用`document.getElementById`或`querySelector`方法获取具有特定id的元素,然后可以修改其样式属性,如`style.left`和`style.top`。 4. **鼠标事件对象**: - 当处理`mousemove`事件时,事件...

    div内容转成图片格式

    1. **选择目标div**:获取需要转换的`div`元素,可以通过JavaScript的`document.getElementById`或`querySelector`等方法实现。 2. **复制div到canvas**:由于`canvas`无法直接将`div`内容绘入,我们需要先将`div`...

    jQuery实现获取隐藏div高度的方法示例

    3. "获取div3高度:100" —— 即使`div3`被隐藏,我们仍然能获取到它的高度 这个示例展示了jQuery在处理隐藏元素时的强大之处。无论元素是否可见,只要其尺寸信息存在,`.height()`方法都能正确返回高度。这对于...

    jquery实现点击指定div外区域隐藏该div

    ### jQuery 实现点击指定 div 外区域隐藏该 div #### 背景介绍 在 Web 开发中,经常需要处理用户交互事件,如点击、滑动等。其中一个常见的需求是当用户点击某个元素(比如一个下拉菜单)时,这个元素会展开;而当...

    html2canvas 指定div转图片.zip

    5. 处理回调结果:`onrendered`回调函数中的`canvas`参数是生成的Canvas元素,你可以使用`toDataURL`方法获取其dataURL,然后可以将其设置为`&lt;img&gt;`标签的`src`属性,或者使用`download`属性让用户下载图片。...

Global site tag (gtag.js) - Google Analytics