相关疑难解决方法(0)

Javascript:如何遍历页面上的所有DOM元素?

我正在尝试遍历页面上的所有元素,所以我想检查此页面上存在的每个元素是否有特殊类.

那么,我怎么说我想检查每个元素?

javascript dom

143
推荐指数
6
解决办法
23万
查看次数

HTMLCollection,NodeLists和对象数组之间的区别

在DOM方面,我一直对HTMLCollections,对象和数组感到困惑.例如...

  1. document.getElementsByTagName("td")和之间有什么区别$("td")
  2. $("#myTable")并且$("td")是对象(jQuery对象).为什么console.log还会在它们旁边显示DOM元素数组,它们不是对象而不是数组?
  3. 什么是难以捉摸的"NodeLists",我如何选择一个?

还请提供以下脚本的任何解释.

谢谢

[123,"abc",321,"cba"]=[123,"abc",321,"cba"]
{123:123,abc:"abc",321:321,cba:"cba"}=Object { 123=123, abc="abc", 321=321, more...}
Node= Node { ELEMENT_NODE=1, ATTRIBUTE_NODE=2, TEXT_NODE=3, more...}
document.links= HTMLCollection[a #, a #]
document.getElementById("myTable")= <table id="myTable">
document.getElementsByClassName("myRow")= HTMLCollection[tr.myRow, tr.myRow]
document.getElementsByTagName("td")= HTMLCollection[td, td, td, td]
$("#myTable")= Object[table#myTable]
$("td")= Object[td, td, td, td]


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 
        <title>Collections?</title>  
        <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> 
        <script type="text/javascript">
            $(function(){
                console.log('[123,"abc",321,"cba"]=',[123,"abc",321,"cba"]);
                console.log('{123:123,abc:"abc",321:321,cba:"cba"}=',{123:123,abc:"abc",321:321,cba:"cba"});
                console.log('Node=',Node);
                console.log('document.links=',document.links);
                console.log('document.getElementById("myTable")=',document.getElementById("myTable"));
                console.log('document.getElementsByClassName("myRow")=',document.getElementsByClassName("myRow"))
                console.log('document.getElementsByTagName("td")=',document.getElementsByTagName("td"));
                console.log('$("#myTable")=',$("#myTable")); …
Run Code Online (Sandbox Code Playgroud)

javascript jquery dom

79
推荐指数
4
解决办法
5万
查看次数

JS 获取所有可用标准 HTML 标签的列表

有没有办法让 JS 导出所有可能的标准 HTML 标签的列表?

例如,如果我们想获取所有可用的样式属性,我们可以

var d = document.createElement('div');
for(var property in d.style) console.log(property); // would print out all properties;
Run Code Online (Sandbox Code Playgroud)

但我们想知道是否有办法获取所有可用的 HTML 标签。

如果这样的事情不可能,有人知道我们在哪里可以获得这样的清单吗?我们无法在逗号分隔/json 中找到它...我们发现的只是带有引用等的网站...

  • 注意 - 我们并不是在讨论document.querySelectorAll('*')哪个会给我们 DOM 中的所有元素。我们正在寻找所有可能的标准 HTML 标签

html javascript

2
推荐指数
1
解决办法
3298
查看次数

标签 统计

javascript ×3

dom ×2

html ×1

jquery ×1