草庐IT

video_dom

全部标签

javascript - Visual Studio 2015 javascript 访问 dom 元素

在VisualStudio2015“JavascriptuniversalWindows”应用程序中,我有这个非常简单的代码:BEFOREwindow.onload=function(){document.getElementById("myDiv").innerHTML="AFTER";};如果我运行应用程序,选择“本地机器”或任何WindowsPhone模拟器,我会看到“之前”:更改div的innerHtml的行未执行。否则,如果我在VisualStudio之外执行html文件,在浏览器窗口中,我会看到“AFTER”:这对所有浏览器都是如此,但InternetExplorer11的

javascript - 在 2 个 React DOM 之间传递数据

在一个网站中,我有多个react渲染元素。我想在这两个单独的元素之间传递数据。在2个元素之间传递数据的可能选项是什么ReactDOM.render(,document.getElementById('header'));ReactDOM.render(,document.getElementById('sidebar'));我想在这些元素之间有一个单一的数据存储。就像我在一个组件中获取数据,我希望所有元素(在所有ReactDOM中)都可以访问该数据。那么可能的选择是什么?编辑:由于要求,我无法将它们合并到同一个根组件中。只有部分页面处于react状态,其他部分仍在HTML/Jquery

javascript - document.write() 与插入 DOM 节点 : preserve form information?

考虑两个分别在其正文中包含以下内容的网页:document.writeln('')和vart=document.createElement('textarea');document.body.appendChild(t);(将它们视为更大事物的一部分,其中文本区域必须从JavaScript生成并且不能硬编码到页面中)。它们都产生相同的输出,但前者被认为是“坏”的,而后者被认为是“正确”的方式。(对吗?)另一方面,如果您在页面中输入内容然后刷新它,或者转到其他地方并点击返回,那么在前一种情况下,您在文本区域中输入的内容会被保留,而在后一种情况下它是丢失。(至少在Firefox上是这样。)

javascript - 使用 jQuery 扩展 DOM 元素

我想扩展一个DOM元素而不扩展所有元素。也就是说,我想要一个具有自己的方法和属性的自定义类,但也能够将其视为一个div。例如MyClass=function(){this.foo="waaa";}MyClass.prototype.changeText=function(newtext){//ifthisextended$(document.createElement("div"))something//likethismightbepossiblethis.html(newtext);}MyClass.prototype.alertFoo=function(){alert(this.

javascript - ICANHAZ.js 呈现 dom 元素而不是文本

参数:''+somecontent+''+somecontent2模板:{{param}}在浏览器中我有:<divclass="someclass">somecontent</div>somecontent2如何隔离.someclass,使其呈现为dom元素,而不是文本? 最佳答案 我认为默认情况下所有的Html元素都被转义了。要返回未转义的Html,请使用三重mustache:{{{param}}} 关于javascript-ICANHAZ.js呈现dom元素而

javascript - 从 DOM 中删除元素并将它们添加回原来的位置

我有一个模态窗口。我想要发生的是在模态打开时从页面中删除某些元素,并在模态关闭后将它们添加回原来的位置。我不想显示:无,因为那样只会隐藏它们,我需要将它们实际从页面中删除。所以我有一些jQuery可以删除并在计时器之后将它们添加回去只是为了测试......更新:通过对代码添加这些内容,它现在可以抓取之前的元素,然后将其添加回同一元素之后。问题是,如果该元素也被删除了怎么办?然后它不会添加回来!另外,JavaScript事件处理程序不会丢失吗?我正在开发一个插件,所以它应该尽可能少地干扰网站,但是3d元素在Safari中有一个无法解决的错误。关于如何暂时删除3d元素而又不会过多干扰人们的

javascript - 使 div 带有动画飞到另一个 DOM 位置

我正在移动来自大灰色的元素(Octopus)以上(#large)给小橘子下面(#small)使用$(document).on("click","#large>img",function(){$(this).appendTo("#small");});这很好用,但我希望它平滑过渡并“飞”过去,这样它会慢慢插入其坐标和大小。我尝试添加一个CSS过渡img{transition:all3s;}到我的,但这将不起作用,因为图像被重新添加到DOM而不是移动。这样的动画如何制作?JSFiddle 最佳答案 使用jQuery.append方法不允

javascript - 将全局样式应用到 Shadow DOM 的正确方法

这个问题与StackOverflow上的其他问题类似,但我找不到任何描述适用于我的情况和未弃用方法的答案(而且我开始考虑可能没有针对这种情况的任何好的解决方案).假设我们有一些main.css文件,其中包含按钮、列表、链接等的常用样式。所以它只是一些标准的.css文件,其中包含我们希望在整个应用程序中重用的通用样式。我们希望使用ShadowDOM将相同的样式应用于Web组件。据我所知,有几种方法可以实现这一点:使用一种已弃用的方法:::shadow、>>>、/deep/选择器。但这些选择器现在已被弃用,所以我想这不是继续前进的好方法。使用CSS变量。如果我们需要设置一些属性,这种方法非

Javascript 性能 - Dom Reflow - Google 文章

有人可以向我证明给出的建议here(在下面复制)关于在更改dom元素之前删除它们然后重新插入它们的速度更快。通过证明,我希望看到一些数字。他们研究这个很好,但我认为这篇文章非常薄弱,没有包括关于“问题”到底是什么以及解决方案如何在速度方面修复的细节(如文章标题加速JavaScript)文章....流外DOM操作这个模式让我们可以创建多个元素并将它们插入到DOM中触发单次回流。它使用一种称为DocumentFragment的东西。我们在DOM之外创建一个DocumentFragment(因此它是流外的)。然后我们创建并向其添加多个元素。最后,我们将DocumentFragment中的所有

javascript:在dom中查找字符串并强调它

我想要一个函数来查找我在DOM中的数组中得到的一些字符串并强调它。例如。keywords[0]='linux';keywords[1]='susepro';imahugefanoflinuxandatthemomentimusingsuseproandfindsitamazing.我如何以最简单的方式做到这一点。提前致谢编辑:我找到了一个非常简单的方法来完成这个:jqueryhighlightplugin!干杯! 最佳答案 几个月前我不得不这样做。最初有人按照其他人的建议使用innerHTML的字符串操作,但这条路会导致疯狂。麻烦的