草庐IT

DOM学习详细笔记

全部标签

javascript - VueJS 读取 Dom 属性

我想获取按钮点击事件的href属性。GetDataMain.JS文件newVue({el:'body',methods:{func:function(event){element=event.target;console.log(element);//Output:Selectspan|i|aelementhref=element.getAttribute('href');},}});目标事件未选择元素。它选择被点击的元素。 最佳答案 您需要event.currentTarget,而不是event.target。这是情况的一个fid

javascript - 获取 jQuery timeago 插件以识别新加载的 DOM 元素

我正在使用jquerytimeagoplugin在我的Rails3应用程序中。我的帖子#showView上有一个评论部分,它使用Railscasts第229集"PollingforChanges"中使用的AJAX每30秒自动刷新一次。.由jQuery加载的_comment部分包含评论的created_at时间,它使用timeagoRails辅助方法创建具有正确时间格式的attr标签。当提交评论并且ajax加载评论时,jQuerytimeago插件无法识别新的评论DOM元素。因此,评论的时间不是显示为“大约一分钟前”,而是显示为“2010-11-2123:08:36UTC”。当然,我用谷

javascript - 移动包含动态创建的脚本标签的 DOM 元素

我在基于wiki的CMS中使用FishGadget(http://abowman.com/google-modules/fish/),并且需要将小工具从一个HTML元素重新定位到另一个HTML元素。(注意:鱼小工具是一个示例-其他小工具也会出现此问题。)如果我直接使用小工具基类“ig_reset”重新定位小工具,那么一切正常。如果我尝试使用周围的包装器重新定位,那么小工具使用的iframe似乎会接管。不幸的是,我需要使用周围的wrapper重新定位的灵active。这似乎与在DOM中移动SCRIPT标记有关。小工具动态地创建一个脚本和一个样式标签。如果我从DOM中删除动态创建的脚本标记

javascript - 学习 JavaScript……我应该直接跳到好东西(框架)吗?

几年前我学习了HTML/CSS,后来又学习了PHP。我最近又对web开发产生了兴趣,刚开始玩Django和RoR等框架。我很好奇在查看框架之前我应该​​花多少时间/精力来学习纯JS。我一直在阅读一系列名为MasteringAJAXbyBrettMcLaughlin的文章这看起来相当不错,但我看到很多东西(比如跨浏览器兼容性——甚至是像XMLHttpRequest这样的东西)即将出现,如果使用框架,它们看起来不会成为问题。那么,我应该继续阅读这些文章并尝试使用基本的JS构建东西,还是应该开始研究jQuery之类的东西?此外,我一直在观看来自GoogleI/O的一些关于GWT的视频。去年我

javascript - 我应该在学习 Javascript 之前先学习 C 吗?

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭5年前。Improvethisquestion在学习任何类型的WEB和桌面编程之前学习C会更好吗?我不会编程,想学Javascript,friend建议我先学C。

javascript - 使用 create-react-app 进行 react-router-dom 热重载

我正在学习React和ReactRouter。我使用create-react-app创建了一个应用程序,在我开始使用react-router-dom之前,热重载运行良好。这是我的package.json:{"name":"my-app","version":"0.1.0","private":true,"dependencies":{"bulma":"^0.7.2","react":"^16.6.0","react-dom":"^16.6.0","react-router-dom":"^4.3.1","react-scripts":"2.0.5"},"scripts":{"start"

javascript - 如何覆盖 ajax=false 以便它切换到加载的 dom 页面(如果存在)

我有几个项目html,每个都包含一个JQM页面。我也有一个索引页。它是一个多JQM页面的html,每个JQM页面作为一个类别列出项目。index.htmlitem1.htmlitem2.html+------------------++--------+--------++--------|+-------+|+--|Cat.|Next|->|Cat.||.cont-|||+--------+--------+|--------||ent|+-------+||||||link2||||||+-------+|+-----------------++--------|+-------+

javascript - 为什么 translate3d 会泄漏 DOM 节点?

考虑这个HTML页面:http://jsbin.com/aYUcelo/1/(我建议下载它以摆脱所有jsbin噪音)。点击GO按钮,一个div被添加到正文中。RM删除其中一个div。它还将两种样式之一应用于新的div:newDiv.style.color="red";//ornewDiv.style.WebkitTransform="translate3d(0px,0px,0px)";可以看到chromedevtoolsmemorytimeline中的节点数量不断增加,如果应用了WebkitTransform,GC无法移除。红色样式不会发生这种情况。编辑:只是为了明确应用“红色样式”添

javascript - jQuery/JS 是否返回实际的 DOM 节点,或者只是对它们的引用?

我问的原因是因为我正在考虑在我拥有的这个巨大的多维数组中存储一堆DOM节点。成本:占用内存空间。问题是有多少空间,这取决于我获取的是引用还是实际的DOM节点。好处:1)它会使我的代码简单很多。2)我可以避免遍历,而只是从我的数组中引用DOM节点。想法? 最佳答案 来自jQuery网站:…jQuery()—whichcanalsobewrittenas$()—searchesthroughtheDOMforanyelementsthatmatchtheprovidedselectorandcreatesanewjQueryobject

javascript - 在 DOM 中移动 Controller 时保留元素/范围状态

在一个Angular应用程序中,我想将一个元素从DOM树的一部分移动到另一部分,而不必重新加载附加到移动元素的Controller。我创建了一个简化的plunker来说明:http://plnkr.co/edit/sqBRM3ZQ5G9xpiNd1MXm?p=preview在这个plunker中,唯一要保留的数据是切换器状态,但实际上它可能是非常大量的数据,可能需要花费大量精力来初始化。我想要做的是能够将模板1从指令1移动到指令2,但我想保留切换器的状态。在这种情况下,如果单击切换器使其变为绿色,然后单击“从列表1移动到2”两次,它会将其移动到指令2,但会将颜色重置为红色。为了避免这种