Questions tagged «dom»

文档对象模型(DOM)是一种以编程方式引用诸如XML和HTML之类的标记语言的元素的方法。与[javascript]或任何其他具有DOM分析器的编程语言一起使用

10
抓取A元素的href属性
试图在页面上找到链接。 我的正则表达式是: /<a\s[^>]*href=(\"\'??)([^\"\' >]*?)[^>]*>(.*)<\/a>/ 但似乎失败了 <a title="this" href="that">what?</a> 我该如何更改我的正则表达式以处理未置于a标签首位的href?
114 php  html  dom 



15
使用jQuery检测元素内容更改
change() 函数可以工作并检测表单元素的更改,但是有没有一种方法可以检测DOM元素的内容何时更改? 这是行不通的,除非#content是表单元素 $("#content").change( function(){ // do something }); 我希望在执行类似操作时触发此操作: $("#content").html('something'); 另外html()或append()函数没有回调。 有什么建议?
113 javascript  jquery  dom 

11
检查HTML元素是否具有滚动条
检查元素是否具有滚动条的最快方法是什么? 当然,一件事是检查element是否大于其视口,这可以通过检查以下两个值来轻松完成: el.scrollHeight > el.offsetHeight || el.scrollWidth > el.offsetWidth 但这并不意味着它也具有滚动条(因此它实际上可以被人类滚动)。 题 如何在1个跨浏览器和2个 javascript中检查滚动条(如无jQuery)? 仅使用Javascript,因为我需要尽可能小的开销,因为我想编写一个非常快速的jQuery选择器过滤器 // check for specific scrollbars $(":scrollable(x/y/both)") // check for ANY scrollbar $(":scrollable") 我想我必须检查overflow样式设置,但是如何以跨浏览器的方式进行呢? 附加编辑 不仅是overflow样式设置。检查元素是否具有滚动条并不是看起来那么简单。我上面写的第一个公式在元素没有边框的时候很好用,但是当元素没有边框时(特别是当边框的宽度很大时),offset尺寸可以大于scroll尺寸,但是元素仍然可以滚动。实际上,我们必须从offset尺寸中减去边框以获得元素的实际可滚动视口,并将其与scroll尺寸进行比较。 备查 :scrollablejQuery选择器过滤器包含在我的.scrollintoview()jQuery插件中。如果有人需要,可以在我的博客文章中找到完整的代码。即使没有提供实际的解决方案,Soumya的代码也极大地帮助我解决了问题。它为我指明了正确的方向。

9
查找元素相对于文档的位置
确定元素相对于文档/正文/浏览器窗口的位置的最简单方法是什么? 现在,我正在使用.offsetLeft/offsetTop,但是此方法仅给您相对于父元素的位置,因此您需要确定body元素有多少个父元素,以了解相对于body /浏览器窗口/文档位置的位置。 这种方法也很麻烦。
113 javascript  dom 


20
执行插入.innerHTML的<script>元素
我有一个脚本,可使用将某些内容插入到元素中innerHTML。 内容例如可以是: &lt;script type="text/javascript"&gt;alert('test');&lt;/script&gt; &lt;strong&gt;test&lt;/strong&gt; 问题是&lt;script&gt;标签内的代码无法执行。我用谷歌搜索了一下,但是没有明显的解决方案。如果我使用jQuery插入内容,$(element).append(content);则脚本部分eval在被注入DOM之前就已经存在。 有人能执行所有&lt;script&gt;元素的代码片段吗?jQuery代码有点复杂,所以我无法真正弄清楚它是如何完成的。 编辑: 通过查看jQuery代码,我设法弄清楚了jQuery是如何做到的,从而产生了以下代码: Demo: &lt;div id="element"&gt;&lt;/div&gt; &lt;script type="text/javascript"&gt; function insertAndExecute(id, text) { domelement = document.getElementById(id); domelement.innerHTML = text; var scripts = []; ret = domelement.childNodes; for ( var i = 0; ret[i]; i++ ) { if ( scripts &amp;&amp; nodeName( ret[i], "script" ) &amp;&amp; …

7
在DOM中嵌入任意JSON的最佳实践?
我正在考虑像这样在DOM中嵌入任意JSON: &lt;script type="application/json" id="stuff"&gt; { "unicorns": "awesome", "abc": [1, 2, 3] } &lt;/script&gt; 这类似于将任意HTML模板存储在DOM中以供以后与JavaScript模板引擎一起使用的方式。在这种情况下,我们以后可以检索JSON并使用以下方法进行解析: var stuff = JSON.parse(document.getElementById('stuff').innerHTML); 这有效,但这是最好的方法吗?这是否违反任何最佳做法或标准? 注意:我不是在寻找在DOM中存储JSON的替代方法,我已经决定这是解决我遇到的特定问题的最佳解决方案。我只是在寻找最佳方法。

9
使用Python最小化获取元素值
我正在使用Python创建Eve Online API的GUI前端。 我已经成功地从他们的服务器中提取了XML数据。 我正在尝试从名为“名称”的节点获取值: from xml.dom.minidom import parse dom = parse("C:\\eve.xml") name = dom.getElementsByTagName('name') print name 这似乎找到了节点,但是输出如下: [&lt;DOM Element: name at 0x11e6d28&gt;] 我如何获得它来打印节点的值?
109 python  dom  minidom 



8
什么时候应该使用jQuery的document.ready函数?
刚开始使用Javascript / jQuery时,我被告知要使用document.ready,但我从来没有真正了解过为什么。 有人可能会提供一些基本准则,说明何时将javascript / jquery代码包装在jQuery中document.ready吗? 我感兴趣的一些主题: jQuery的.on()方法:我.on()对AJAX 使用了很多方法(通常在动态创建的DOM元素上)。.on()单击处理程序是否应该始终在内部 document.ready? 性能:将各种javascript / jQuery对象保留在 document.ready 内部或外部是否更有性能(性能差异是否显着?)? 对象范围:AJAX加载页面不能说是访问对象中的前一页的的document.ready,正确吗?他们只能访问document.ready 之外的对象(即真正的“全局”对象)吗? 更新:为了遵循最佳实践,我所有的JavaScript(jQuery库和应用程序的代码)都位于HTML页面的底部,并且我在defer加载AJAX的页面上使用jQuery脚本中的属性,以便可以访问这些页面上的jQuery库。


13
您如何在React中设置文档标题?
我想为我的React应用程序设置文档标题(在浏览器标题栏中)。我已经尝试使用反应文档标题(似乎过时了),并设置document.title在constructor与componentDidMount()这些解决方案的工作- 。
107 javascript  reactjs  dom 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.