草庐IT

dom-repeat

全部标签

javascript - 什么相当于 Chrome 开发工具中的 Firebug DOM 选项卡?

我习惯使用DOM选项卡来检查Firebug页面上存在的全局JS变量。它在Chrome开发者工具中的等效项是什么? 最佳答案 输入window,然后您将看到window对象及其中的所有内容。p.s:window是普通网页中“最顶层”的对象。(全局范围)由于特别提到了“Chrome开发者工具”,我们可以安全地假设window将始终是全局范围。按Console,然后输入window。按enter,现在您可以看到一个全局变量列表,例如$(jQuery)和document。 关于javascrip

javascript - 如果将脚本动态添加到 DOM, "async"属性/属性是否有用?

这个问题与Whichbrowserssupport?有点相切.我最近看到一些脚本做这样的事情:vars=document.createElement('script');s.type='text/javascript';s.async=true;s.src='http://www.example.com/script.js';document.getElementsByTagName('head')[0].appendChild(s);这是动态添加脚本到DOM的常用方法,来自SteveSouders的书“EvenFasterWebSites”的IIRC提示所有现代浏览器异步加载脚本(即

javascript - AngularJS:ng-repeat 动态列表,无需重建整个 DOM 树?

我在表行上使用ng-repeat,数据来自从服务器检索的JSON数组。我的目标是在服务器上添加、删除或修改项目时自动更新列表,而不影响未修改的项目。在最终实现中,这些表行还将包含双向绑定(bind)和元素将更新发送回服务器。中的一些可用选项元素也将使用来自另一个列表的ng-repeat指令生成,该列表也可能会发生变化。到目前为止,每次从服务器传来一个新的数组(目前每两秒轮询一次),整个ng-repeat列表都会被删除并重新生成。这是有问题的,因为它会干扰文本选择,即使用户当前正在编辑输入字段也会破坏输入字段,并且运行速度可能比必要的慢得多。我已经编写了其他Web应用程序来使用jQuer

javascript - 一个很好的与浏览器和 DOM 相关的 Javascript API 引用文档

这个问题在这里已经有了答案:Whatisthebestonlinejavascript/css/html/xhtml/domreference?[closed](20个答案)关闭9年前。我正在寻找一个很好的JavascriptAPI文档,尤其是与浏览器和DOM相关的文档。我不是在寻找任何类型的Javascript教程,而只是寻找所有标准Javascript类和Web浏览器中使用的类的文档。类似于Java的Javadoc(http://java.sun.com/j2se/1.4.2/docs/api/)

javascript - 使用 JavaScript 包装一组 DOM 元素

我的页面上有一系列p标签,我想将它们全部包装到一个容器中,例如foobarbaz我想把上面所有的标签都包装成一个容器,如下所示:foobarbaz如何使用原生JavaScript将NodeList包装在元素中? 最佳答案 下面发布的是jQuery的wrap和wrapAll方法的纯JavaScript版本。我不能保证它们的工作方式与在jQuery中一样完全,但实际上它们的工作方式非常相似,应该能够完成相同的任务。它们使用单​​个HTMLElement或它们的数组。我没有测试确认,但它们应该都适用于所有现代浏览器(在一定程度上也适用于旧

javascript - React react-router-dom 将 Prop 传递给组件

我需要使用路由器将Prop传递给组件。这是我的代码:importReact,{Component,PropTypes}from'react';import{connect}from'react-redux';importAppBarTopfrom'./appbar/AppBarTop';importLoginfrom'../pages/login/Login';import{BrowserRouterasRouter,Route}from'react-router-dom';classAppextendsComponent{render(){const{isAuthenticated}

javascript - angular.js ng-repeat li 项目与 html 内容

我有一个从服务器返回的模型,它包含html而不是文本(例如b标签或i标签)当我使用ng-repeat从中构建列表时,它会将html显示为纯文本,是否有内置过滤器或指令将html放入li项目中?我已经查看了文档,但由于我对它还是很陌生,所以很难找到它。ng-重复:JSFiddle:http://jsfiddle.net/gFFBa/1/ 最佳答案 它就像ng-bind-html-unsafe="opt.text":{{opt.text}}{{opt}}http://jsfiddle.net/gFFBa/3/或者你可以在范围内定义一个函

javascript - 如何将 ng-if 与 ng-repeat 一起使用?

我有一个简单的导航对象设置,列出了导航项(以及它们是否应该出现在主导航中)。似乎当我尝试将ng-if与ng-repeat混合使用时,事情就分崩离析了,但是当我将ng-show与ng-repeat混合使用时,它工作正常(但我最终得到了一堆隐藏的元素,我不知道想要附加到DOM)。{{item.label}}但是以下不起作用(注意ng-show现在是ng-if):{{item.label}}路由对象看起来像routes:{'/home':{label:'Home',nav:true},'/contact':{label:'Contact',nav:false},//etc}我在尝试使用ng-

javascript - "Cut and Paste"- 使用 Javascript 在 DOM 中移动节点

我有大致如下所示的html代码:somehtmlmaybesomemoredifferenttextheremaybeevenaformitem显然还有更多的东西,但这是基本的想法。我需要做的是交换#id2和#id3的位置,所以结果是:......有谁知道可以读写两个节点(及其所有子节点)以便交换它们在DOM中的位置的函数(我敢肯定我不是第一个需要此功能的人)? 最佳答案 在这种情况下,document.getElementById('id1').appendChild(document.getElementById('id2'))

javascript - 如何在 JSDoc 中将参数标记为包含 DOM 节点?

我想指出一个参数应该是一个DOM节点,但我似乎无法找到任何关于如何使用JSDoc来表明这一点的信息。我可以只使用{Object},但这相当丑陋。我更愿意使用{Node}或{DOMNode}之类的东西,但我找不到任何示例来指向那个方向。那么,如何将参数标记为需要DOM节点? 最佳答案 来自jsdoc.app对于@type注释:AtypeexpressioncanincludetheJSDocnamepathtoasymbol(forexample,myNamespace.MyClass);abuilt-inJavaScripttype