草庐IT

NT-DOM-NV

全部标签

javascript - 获取 DOM 节点的字符串表示

Javascript:我有一个节点(元素或文档)的DOM表示,我正在寻找它的字符串表示。例如,varel=document.createElement("p");el.appendChild(document.createTextNode("Test"));应该产生:get_string(el)=="Test";我有一种强烈的感觉,我错过了一些非常简单的东西,但我就是找不到在IE、FF、Safari和Opera中工作的方法。因此,outerHTML是不可取的。 最佳答案 你可以创建一个临时父节点,并获取它的innerHTML内容:v

javascript - 警告 : Unknown DOM property class. 你是说类名吗?

我刚刚开始探索React,通过添加一个具有简单渲染功能的组件:render(){return}当我运行该应用程序时,出现以下错误:Warning:UnknownDOMpropertyclass.DidyoumeanclassName?我可以通过将class更改为className来解决这个问题。问题是;React是否强制执行此约定?另外,为什么我需要使用className而不是传统的class?如果这是一个限制,那么它是由于JSX语法还是其他原因? 最佳答案 是的,这是一个React约定:SinceJSXisJavaScript,i

javascript - 在 JavaScript 中测试 DOM 元素的类型

有没有办法在JavaScript中测试元素的类型?答案可能需要也可能不需要原型(prototype)库,但是以下设置确实使用了该库。function(event){varelement=event.element();//iftheelementisananchor...//iftheelementisatd...} 最佳答案 您可以使用typeof(N)来获取实际的对象类型,但您要做的是检查标记,而不是DOM元素的类型。在这种情况下,请使用elem.tagName或elem.nodeName属性。如果您想真正发挥创意,可以使用标记

javascript - 将 HTML 字符串附加到 DOM

如何附加HTML字符串,例如varstr='Justsometexthere';到IDtest?(顺便说一下div.innerHTML+=str;是NotAcceptable。) 最佳答案 使用insertAdjacentHTML哪个issupportedinallcurrentbrowsers:div.insertAdjacentHTML('beforeend',str);位置参数beforeend将添加到元素内部,在其最后一个子元素之后。现场演示:http://jsfiddle.net/euQ5n/

javascript - 检查任何 DOM 元素的附加事件处理程序

有什么方法可以查看DOM元素的任何事件附加了哪些函数/代码?使用Firebug或任何其他工具。 最佳答案 ElementsPanelinGoogleChromeDevelopertools自2011年年中Chrome发布和2010年Chrome开发者channel发布以来一直存在此问题。此外,为所选节点显示的事件监听器按照它们被触发的顺序通过捕获和冒泡阶段。在MacOSX上按command+option+i和Ctrl+Shift+i在Windows上在Chrome中启动它 关于javas

javascript - 如何计算 DOM 元素内的文本行数?我可以吗?

例如,我想知道是否有一种方法可以计算div内的行数。假设我们有一个像这样的div:hellohowareyou?根据许多因素,div可以有一行、两行甚至四行文本。脚本有什么办法知道吗?换句话说,DOM中是否表示自动中断? 最佳答案 如果div的大小取决于内容(根据您的描述我假设是这种情况),那么您可以使用以下方法检索div的高度:vardivHeight=document.getElementById('content').offsetHeight;并除以字体行高:document.getElementById('content')

javascript - Ajax、后退按钮和 DOM 更新

如果javascript修改了页面A中的DOM,用户导航到页面B,然后点击后退按钮返回页面A。对页面A的DOM的所有修改都将丢失,用户看到的是最初从页面检索的版本服务器。它在stackoverflow、reddit和许多其他流行网站上都是这样工作的。(尝试向这个问题添加测试评论,然后导航到不同的页面并点击返回按钮返回-你的评论将“消失”)这是有道理的,但一些网站(apple.com、basecamphq.com等)以某种方式强制浏览器为用户提供页面的最新状态。(转到http://www.apple.com/ca/search/?q=ipod,单击顶部的下载链接,然后单击后退按钮-所有D

javascript - 什么是虚拟 DOM?

最近,我看了Facebook的React框架。它使用了一个名为“虚拟DOM”的概念,我当时并没有真正理解它。什么是虚拟DOM?有什么优势? 最佳答案 React创建一棵代表DOM一部分的自定义对象树。例如,它不是创建一个包含UL元素的实际DIV元素,而是创建一个包含React.ul对象的React.div对象。它可以非常快速地操作这些对象,而无需实际接触真实的DOM或通过DOMAPI。然后,当它呈现一个组件时,它会使用这个虚拟DOM来确定它需要对真实DOM做些什么才能让两棵树匹配。您可以将虚拟DOM想象成一个蓝图。它包含构建DOM所

javascript - 如何在 React 中访问 DOM 元素? React 中 document.getElementById() 的等价物是什么

我如何在react.js中选择某些栏?这是我的代码:varProgressbar=React.createClass({getInitialState:function(){return{completed:this.props.completed};},addPrecent:function(value){this.props.completed+=value;this.setState({completed:this.props.completed});},render:function(){varcompleted=this.props.completed;if(complete

javascript - 将内容推送到浏览器...更改 DOM?

好的。我有一个我一直在从事的充满激情的项目。我正处于拥有移动应用程序和后端的阶段,实际上,我使用托管消息传递/云处理服务作为我的新功能后端,替换我自己的服务器。问题在于我无法理解javascript。我知道如何从移动端转到后端以及所有这些好东西...我现在要做的只是更改一个DOM元素。来自GO代码或Python代码。移动---->消息传递/处理---->浏览器/DOM基本上推送一个url或一串html代码,以便它显示在浏览器中为此,我明白我唯一的选择是javascript。我看过pusher和websockets...但我仍然不明白如何实际更改html元素。