想要获取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这个属性起了作用!
分享到:
相关推荐
31. outerHTML/outerText:设置或获取Div元素及其所有子元素的HTML代码或纯文本。 32. ownerDocument:获取与Div元素相关的文档对象。 33. parentElement/parentNode:获取Div元素的父级元素和节点。 34. ...
### .NET 获取 HTML 字符串中指定标签的指定属性的值 在.NET框架下,有时候我们需要从HTML字符串中提取特定的信息。例如,我们可能需要从一个包含多个`<img>`或`<a>`标签的HTML字符串中提取出`src`或`href`属性的值...
例如,`document.getElementById("ddhdh").innerHTML`将获取`div`内的所有HTML代码。 3. `innerText`属性(非标准):在Internet Explorer和Opera浏览器中,`innerText`属性可以获取元素的纯文本内容,不包含HTML...
如果div的`overflow`属性同时设置为`auto`,那么水平和垂直滚动条都会出现。 总的来说,通过jQuery的`animate()`方法,我们可以轻松地实现div滚动条的动态控制,为用户提供更加友好的交互体验。这个功能在展示长...
如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案,大家可以参考参考,如果你有好的方法,也分享出来,让我们瞧瞧。 HTML: <!DOCTYPE html> <html lang=en> <head> <meta ...
对于获取`div`标签内的HTML内容,我们需要做的是提取出标签之间的所有内容,包括子元素、文本和它们的属性。在JavaScript中,`innerHTML`属性可以直接实现这个功能,但在Python中,我们需要编写一些辅助函数来达到...
首先,想要动态改变页面上元素的属性,需要通过JavaScript代码获取到对应的DOM元素。通常使用document.getElementById()或document.getElementsByTagName()方法,前者是根据元素的ID属性获取单个元素,而后者则是...
在介绍获取DIV值的方法时,文中提到JavaScript可以使用document对象的getElementById方法来获取指定ID的DIV元素,并通过访问其innerHTML属性来获取其内容。而jQuery的方法则更为简洁,可以直接使用ID选择器加上text...
上述代码中,`getClass`函数通过`getElementsByTagName`获取所有子元素,并通过`for`循环遍历每一个元素,使用`indexOf`方法检查`className`属性是否包含指定的class名。如果包含,就将其添加到结果数组中。 5. ...
`getComputedStyle`返回一个`CSSStyleDeclaration`对象,我们可以调用`getPropertyValue`方法获取指定CSS属性的值。 总结起来,要获取一个`div`的`background-image`属性,你需要: 1. 使用`document....
此函数用于实现页面中所有指定ID前缀为“DIV”的元素的显示或隐藏。具体实现如下: ```javascript function panall() { for (var i = 1; i ; i++) { var divElement = document.getElementById("DIV" + i); if ...
在JavaScript中,可以通过多种方式来获取和操作DOM元素,其中一种常用的方法是`document.getElementById()`,它可以返回带有指定ID的第一个对象的引用。 #### 实例代码解析 下面是对给定文件内容的详细分析: 1. ...
标题“js截取div并输出为图片”所描述的就是这样的一个功能,通过JavaScript实现对指定`div`元素的截图并转化为图片格式。在这个项目中,以截取百度地图为例,解决了SVG元素无法正常截取的问题,这对于包含复杂SVG...
"div控制条形图下面指针的指定位置"这个话题涉及到如何利用HTML的div元素以及JavaScript技术来实现一个条形图,并精确控制其中的指针在特定位置的显示。这通常用于制作数据仪表盘、数据分析界面等,帮助用户直观地...
然而,我们想要的是鼠标相对于某个div的位置,这涉及到元素的相对坐标计算。 代码中定义了两个函数`getX`和`getY`,用于获取元素的相对坐标。它们通过遍历元素及其所有父元素的`offsetLeft`和`offsetTop`属性累加...
- 对象属性访问:使用`document.getElementById`或`querySelector`方法获取具有特定id的元素,然后可以修改其样式属性,如`style.left`和`style.top`。 4. **鼠标事件对象**: - 当处理`mousemove`事件时,事件...
1. **选择目标div**:获取需要转换的`div`元素,可以通过JavaScript的`document.getElementById`或`querySelector`等方法实现。 2. **复制div到canvas**:由于`canvas`无法直接将`div`内容绘入,我们需要先将`div`...
3. "获取div3高度:100" —— 即使`div3`被隐藏,我们仍然能获取到它的高度 这个示例展示了jQuery在处理隐藏元素时的强大之处。无论元素是否可见,只要其尺寸信息存在,`.height()`方法都能正确返回高度。这对于...
### jQuery 实现点击指定 div 外区域隐藏该 div #### 背景介绍 在 Web 开发中,经常需要处理用户交互事件,如点击、滑动等。其中一个常见的需求是当用户点击某个元素(比如一个下拉菜单)时,这个元素会展开;而当...
5. 处理回调结果:`onrendered`回调函数中的`canvas`参数是生成的Canvas元素,你可以使用`toDataURL`方法获取其dataURL,然后可以将其设置为`<img>`标签的`src`属性,或者使用`download`属性让用户下载图片。...