草庐IT

dom-repeat

全部标签

HTML DOM 宽度 + 可见窗口高度

如何在浏览器打开时获取可用空间的当前高度和宽度。我不想要整个文档的高度,只想要屏幕上可见的高度。 最佳答案 你可以看看这个blogpost查看方法。简而言之,给出代码functionalertSize(){varmyWidth=0,myHeight=0;if(typeof(window.innerWidth)=='number'){//Non-IEmyWidth=window.innerWidth;myHeight=window.innerHeight;}elseif(document.documentElement&&(docum

css - 在模板标签内使用远程样式表(带 shadow dom)

我正在尝试制作一个半可重复使用的小部件,但我遇到了问题。我试图将一些CSS代码封装在影子根中,这样它就不会影响网页的其余部分,但是这个CSS用于多个小部件,所以我试图包含一个远程样式表。我发现的所有示例都没有使用远程样式表,我想知道这是否可行。例如:包含模板的脚本:varimportedData=(html_import_element).import.getElementById("templateContent");varshadow=document.querySelector('#host').createShadowRoot();varclone=document.impor

html - 哪些 DOM 元素不能接受 id?

我正在读这个basictutorialoncanvaselements.以下句子中的(almost)引起了我的注意:Theidattributeisn'tspecifictotheelementbutisoneofthedefaultHTMLattributeswhichcanbeappliedto(almost)everyHTMLelement哪些html元素不能接受id? 最佳答案 来自w3schools(是的,我知道……):Note:Theidattributeisnotvalidin:,,,,,,,and.请注意,这仅对HT

html - 对 DOM 和 HTML(API)之间的关系感到困惑

DOM和HTML有什么关系?一个子集是另一个子集,一个比另一个更抽象?HTML是DOM的扩展吗?或者它们是否描述了相当不相关的概念(仅因为您可以从HTML转换为DOM而相关)?如果必须的话,您会如何将这2个画在一张图片中?例如,这些差异规范的目的是什么。第一个和最后一个链接都包含有关HTMLElement的信息..http://www.w3.org/TR/2003/REC-DOM-Level-2-HTML-20030109/http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/http://www.w3.org/TR/html5

javascript - 目标容器不是 DOM 元素 React.js

我已经查看了所有其他有此问题的帖子,但我仍然对为什么会遇到此错误感到困惑。我确保在我的中使用了id刚开始玩React,所以我确定它很傻。提前感谢您的帮助。代码如下。index.html索引.jsimportReactfrom'react';importReactDOMfrom'react-dom';import'./index.css';importAppfrom'./App';importregisterServiceWorkerfrom'./registerServiceWorker';ReactDOM.render(,document.getElementById('testin

javascript - 如何用HTML标签包裹一个跨界的DOM选择范围?

现在我正在通过s=window.getSelection()捕获用户的文本选择和range=s.getRangeAt(0)(浏览器的暗示放在一边)。每当一个选择在一个制作完成后,我可以轻松调用range.surroundContents(document.createElement("em"))用将选定的文本包裹标签。然而,在这个例子中,ThisistheFooparagraph.ThisistheBarparagraph.ThisistheBazparagraph.当用户从Foo中选择文本时至Baz,我不能调用range.surroundContents:Firefox失败并显示Th

jquery - 所选元素在 html dom 中的路径是什么?

这个问题在这里已经有了答案:ReturnXPathlocationwithjQuery?Needsomefeedbackonafunction(2个答案)关闭7年前。我正在尝试获取特定对象在htmldom中的路径。使用javascript或jquery。(当我选择/悬停在对象上时。)我事先不知道结构。例如:NotselectedSelectedText“选定文本”Div路径应该是这样的://HTML/BODY/DIV[0]/DIV[1]我们将不胜感激。我看过thisanswer但它没有给出有关元素索引的指示(在我的示例中,方括号中的值-DIV[1]中的1)。顺便说一句,这个路径有一个“

javascript - DOM中元素的offsetHeight和scrollHeight有什么区别?

在DOM中,元素的offsetHeight和scrollHeight有什么区别?解释中的图片会很有帮助。 最佳答案 HTMLElement.offsetHeight是一个测量值,包括元素边框、元素垂直填充、元素水平滚动条(如果存在,如果呈现)和元素CSS高度。HTMLElement.scrollHeight是元素内容高度的测量值,包括由于溢出而在屏幕上不可见的内容。HTMLElement.scrollHeight返回的值将包括padding-top和padding-bottom,但不包括元素边框或元素水平滚动条。This页面和thi

javascript - 用ajax加载后在DOM中找不到元素(想绑定(bind)jquery插件)

所以我有2个html页面。1个用作容器,1个用作内容。当我用表格加载内容页面时,我可以使用拖放功能。但是,当我转到我的容器页面并使用ajax将内容页面加载到div中时,拖放停止工作。内容页面中的所有其他JavaScript功能仍然有效。如何将jquerydnd插件绑定(bind)到加载了ajax的表?我正在使用拖放作为教程http://isocra.com/2008/02/table-drag-and-drop-jquery-plugin/我的代码是这样的:$(window).load(function(){if(temp==0){DP("eerstekeer")load_table(

javascript - Angular 中 ng-repeat 元素之间的间隙

当将div元素显示为inline-block时,我遇到多个ng-repeat元素的问题。元素之间有一个奇怪的间隙,一个ng-repeat结束而下一个开始,如图所示:我创建了一个plunk演示此行为:为什么会发生这种情况以及如何消除差距? 最佳答案 检查这个plunk有一个hack可以删除出现在换行符处的内联元素之间的空格。{{number}}{{number}}{{number}}您可以阅读更多关于其他黑客的信息here. 关于javascript-Angular中ng-repeat元素