Tag: DOM

为什么循环将最后一个索引元素的引用分配给?

我想添加一个事件监听器到我所有的标签,当even被触发时, 每个标签都传递一个引用作为参数。 这是我写的function: function validateDigitsFeature() { // Add the event listeners to input tags // Get the array of input tags var inputTags = document.getElementsByClassName('validateInput'); var tagId; // Loop through them, adding the onkeypress event listener to each one for (var i = 0; i < inputTags.length; i++) { // Give each input element an […]

控制台显示有关内容安全策略和许多失败的GET请求的错误

我实际上正在研究我的第一个Chrome扩展, 即使它运行平稳,我从我用来检索一些数据和关于代码的安全性恼人的错误get()函数有很多错误。 以下是控制台日志的屏幕截图 : 以下是涉及的代码: popup.html <!doctype html> <html> <head> <title>NGI Little Helper – Subscribes</title> <link rel="stylesheet" href="popup.css"> <!– JavaScript and HTML must be in separate files for security. –> <script type="text/javascript" src="common/jquery.js"></script> <script type="text/javascript" src="popup.js"></script> </head> <body> <h1>Topics</h1> <div id="content">..:: Loading ::..</div> </body> </html> popup.js 这个脚本开始制作一个$.get()到一个远程网页。 variablesdata的内容可以在这里find $.get("http://gaming.ngi.it/subscription.php?do=viewsubscription", function(data) { var TDs = $('td[id*="td_threadtitle_"]', […]

如何在JavaScript中实现DOM数据绑定

请把这个问题视为严格的教育。 我仍然有兴趣听到新的答案和想法来实现这一点 TL;博士 我将如何实现与JavaScript的双向数据绑定? 数据绑定到DOM 通过数据绑定到DOM我的意思是,例如,一个JavaScript对象与属性b 。 然后有一个<input> DOM元素(例如),当DOM元素改变时,改变反之亦然(即我的意思是双向数据绑定)。 下面是AngularJS的一个图表: 所以基本上我有JavaScript类似于: var a = {b:3}; 然后input(或其他forms)的元素,如: <input type='text' value=''> 我希望input的值是ab的值(例如),当input文本改变时,我也想改变ab 。 当ab在JavaScript中改变时,input改变。 问题 什么是一些基本的技术来完成这个普通的JavaScript? 具体来说,我想要一个很好的答案来提到: 绑定如何为对象工作? 如何听取forms的变化可能会奏效? 是否可以简单的方式只在模板级别修改HTML? 我不想跟踪HTML文档本身的绑定,只能在JavaScript中进行绑定(使用DOM事件,JavaScript保留对所使用的DOM元素的引用)。 我试过了什么? 我是胡子的粉丝,所以我试着用它做模板。 然而,当我尝试执行数据绑定本身时遇到了问题,因为Mustache将HTML处理为string,所以在得到结果之后,我没有参考viewmodel中对象的位置。 我唯一能想到的解决方法是使用属性修改HTMLstring(或创build的DOM树)本身。 我不介意使用不同的模板引擎。 基本上,我有一个强烈的感觉,我正在把问题复杂化,并有一个简单的解决scheme。 注意:请不要提供使用外部库的答案,尤其是那些有数千行代码的答案。 我已经使用(和喜欢!)AngularJS和KnockoutJS。 我真的不希望在'使用框架x'的forms的答案。 最好是,我想要一个未知的读者不知道如何使用许多框架来掌握如何实现双向数据绑定。 我不期待一个完整的答案,而是一个能够把这个想法传递出去的答案。

如何使用PHP的DOMparsing器从XML中提取节点属性

我从来没有真正使用过的DOMparsing器,现在我有一个问题。 我将如何去从这个标记中提取URL: <files> <file path="../../../download/eysjkss.html" title="File Name" /> </files>

onchange事件是否传播?

我正在使用事件委托监听DOM中较低的事件,但是它不适用于select框上的onchange事件。 onchange事件是否会传播或冒泡DOM? 谷歌search没有find一个结论性的答案。

如何避免在使用Javascript的多选框中按Ctrl键点击?

我认为这将是一个简单的黑客攻击,但我现在已经search了几个小时,无法find正确的search字词。 我想有一个普通的多选框( <select multiple="multiple"> ),除了我不想让用户按住控制键进行多选。 换句话说,我想要左键单击切换光标下方的<option>元素,而不更改任何其他元素。 换句话说,我想看起来像一个组合列表框,但行为像一组checkbox。 任何人都可以build议一个简单的方法来在Javascript中做到这一点? 谢谢。

使用DOM将SVG元素添加到现有的SVG

我有一个类似于下面的代码的HTML结构: <div id='intro'> <svg> //draw some svg elements <svg> </div> 我希望能够使用javascript和DOM将以上定义的SVG添加到一些元素。 我将如何做到这一点? 我正在想 var svg1=document.getElementById('intro').getElementsByTagName('svg'); svg1[0].appendChild(element);//element like <line>, <circle> 我不是很熟悉使用DOM,或者如何创build传递给appendChild的元素,所以请帮我解决这个问题,或者告诉我有什么其他的select,我必须解决这个问题。 非常感谢。

DOM突变事件的替代

由于DOM突变被W3C标记为废弃(见http://www.w3.org/TR/DOM-Level-3-Events/#events-mutationevents ),是否有一种(快速)替代方法来检测属性修改在DOM中?

是否有可能使用jQuery来读取元标记

是否有可能使用jQuery来读取元标记。 如果是这样,你知道代码的基本结构是什么,或者有任何教程的链接。

尝试访问以编程方式创build的<iframe>的文档对象时,“访问被拒绝”JavaScript错误(仅限IE)

我有项目,我需要使用JavaScript创build一个<iframe>元素,并将其附加到DOM。 之后,我需要在<iframe>中插入一些内容。 这是一个embedded第三方网站的小部件。 我不设置<iframe>的“src”属性,因为我不想加载页面; 相反,它用于隔离/沙箱中插入的内容,以便不会遇到与父页面发生CSS或JavaScript冲突。 我使用JSONP从服务器加载一些HTML内容,并将其插入到<iframe>中。 我有这个工作正常,有一个严重的例外 – 如果document.domain属性设置在父页面(它可能在某些部署此小部件的环境中),Internet Explorer(可能是所有版本,但我确认在6,7和8)给我一个“访问被拒绝”的错误,当我尝试访问这个<iframe>我创build的文档对象。 在我testing过的任何其他浏览器(所有主要的现代浏览器)中都不会发生这种情况。 这是有道理的,因为我知道Internet Explorer要求您设置所有的窗口/框架将相互通信到相同的值document.domain。 但是,我不知道有什么方法可以在我无法访问的文档上设置此值。 有谁知道这样做的方式 – 以某种方式设置这个dynamic创build的<iframe>的document.domain属性? 或者,我没有从正确的angular度来看待这个问题吗?还有另外一种方法可以实现我要做的事情,而不会遇到这个问题吗? 在任何情况下,我确实需要使用<iframe>,因为隔离/沙盒窗口对于这个小部件的function至关重要。 这是我的testing代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Document.domain Test</title> <script type="text/javascript"> document.domain = 'onespot.com'; // set the page's document.domain </script> </head> <body> <p>This is a […]