我要用js获取页面上的所有元素怎么写

var eles = documentgetElementsByTagName('');

上面eles就是页面中所有元素的集合，用for循环即可依次取到页面上的所有元素

<span id="span">

<span style="color: rgb(229, 51, 51);">2132131321</span>

</span>

var span = documentgetElementById("span")innerHTML;

jquery:

var span = $("#span")html();

扩展资料

<p><span>some text</span>some other text</p>

如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。

<span>在行内定义一个区域，也就是一行内可以被<span>划分成好几个区域，从而实现某种特定效果。<span>本身没有任何属性，<span> 标签支持HTML 的全局属性和事件属性。

可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。可以对同一个 <span> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

参考资料：

百度百科 span标签

百度百科 HTML

原理就是先在当前页面中找到你的Iframe对象

var

oframe

=

documentgetElementById("iframe");

再将iframe对象看着是另一个页面的文本对象

var

childDome

=

oframedocumentgetElementById("H");

简洁点的就是：documentgetElementById("iframe")documentgetElementById("H");

或者是：documentgetElementById("Result")contentWindowdocumentgetElementById("h");

在angularjs中获取元素的id的方法：

<div id="{{ 'object-' + myScopeObjectindex }}"></div>

这样实际解析后的代码：

<div id="object-1"></div>

这样的id就可以通过document获取了。

1、打开编辑工具editplus，点击editplus菜单栏上的File-->New -->HTML page。

2、新建好html页面后，editplus自动帮助我们生成了框架，先把title修改下，然后保存。

3、在body区域里添加了子，父，祖父三级div，代码如下。

4、演示代码写好后，打开浏览器，在浏览器上运行看看效果。

5、下面在head区域里添加实现js获取最高父级的代码，代码具体如下，这样利用了while循环来判断的。

6、实现好后，保存代码，此时再到浏览器上刷新访问，看下，此时d出对话框告诉最后父级是zufu。

1、在浏览器中打开要调试的网页，然后点击”F12 Developer Tools“，也可以使用快捷键F12。

2、d出的工具窗口中，默认选择是Dom Explorer功能，它会列出网页的源代码和CSS样式列表。

3、使用元素定位功能选择页面中的一个元素，也会定位到源代码中位置。

4、对定位到的文字修改CSS样式，添加inline style，比如把字体变为红色。

5、查看元素已经应用的CSS样式，点击"computed"菜单。

6、然后查看元素的布局信息，点击"Layout"菜单。

以上就是关于我要用js获取页面上的所有元素怎么写全部的内容，包括:我要用js获取页面上的所有元素怎么写、js获取HTML中<span></span>标签中的内容包括<span>、js怎么获取iframe页面中的dom元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！