草庐IT

dom-selection

全部标签

javascript - Shadow Dom继承父页面CSS [Chrome]

这个问题在这里已经有了答案:LightDOMstyleleakingintoShadowDOM(1个回答)关闭2年前。我读过的所有内容都表明ShadowDom对于其父页面CSS来说应该是“安全的”。IE。如果我将所有div样式设置为紫色字体:div{color:purple}我的ShadowDom中的div应该具有浏览器默认颜色。我正在编写一个chrome扩展程序,可以将html注入(inject)任何给定页面。除非此html受ShadowDom或Iframe保护,否则它将继承页面的所有CSS。解决这个问题的建议在这个question,是使用ShadowDom。所以我实现了一个解决方案

javascript - react ES6 : Get selected value in dropdown list using semantic UI

给定以下数据,我如何获取鸟类名称并将其推送(使用添加按钮)到一个新数组以显示在另一个div中(使用reactes6)?所以基本上我希望用户从语义下拉列表中单击一只鸟并将其显示在不同的div中,例如如下所示。这可能很简单,但是当我使用语义元素时,我似乎找不到解决方法。我需要使用onChange吗?我需要在我正在导出的类中执行此操作(react)(只是没有显示类/构造函数/状态定义)Howcanidisplay'Bird_Name'here?addClick=()=>{}const{Button,Container,Divider,Dropdown,Header,Message,Segme

javascript - Formik 和 yup 表单验证无法按预期使用 Virtualized Select

为了进行表单验证,我使用formik创建了一个表单。我已经使用了组件Formik、Form、Fieldformformik并配置了它们:import{Formik,Form,Field}from"formik";import{object,string}from"yup";importisEmptyfrom"lodash/isEmpty";importFormikSelectInputfrom"../common/FormikSelectInput";classAppextendsComponent{render(){constoptions=this.props.categories

javascript - 使用 jQuery 进行 XHTML DOM 操作

我使用的是Firefox3.5。我的文档类型是XHTML1.0Strict。假设我想将一个图像插入到一个id为“foo”的div中;那么我可能会尝试:varfoo=$('#foo');foo.html('');这确实添加了图像。但我注意到这会导致文档后面出现一些奇怪的行为,我怀疑这可能是由于XHTML中断造成的。果然,使用Firefox的WebDeveloper工具,我检查了生成的源代码,并惊恐地发现在脚本运行后,我有:img标签上的尾部斜杠去哪儿了!?四处搜索,我发现这不是一个特定于jQuery的问题:ThepureJavaScriptcodedocument.getElementB

javascript - IE 支持 DOM importNode

我一直在网上四处寻找,我很确定我已经知道答案(“否”),但我想检查一下:IE支持importNode()了吗?有没有比遍历DOM和创建节点更好的选择?(我见过theclasicarticlebyAnthonyHoldener但现在已经一年多了,我希望IE已经进化,或者有人有其他解决方法)谢谢。 最佳答案 InternetExplorer9DOMAPI中有一个函数document.importNode()。但是IE9在调用时会抛出脚本错误SCRIPT16386:Nosuchinterfacesupported还需要定义源节点的命名空间

javascript - 在 DOM 中可以使用 .notation 来获取/设置属性吗?

在DOM中,可以这样引用元素的属性吗:varuniverse=document.getElementById('universe');universe.origin='big_bang';universe.creator=null;universe.style.deterministic=true;?我对物体及其隐私的深深尊重,以及如果我不小心,事情可能会变得非常糟糕的感觉,让我想做更多这样的事情:varuniverse=document.getElementById('universe');if(universe.hasAttribute('origin'))thenuniverse

javascript - 从文档中删除一个 dom 元素,但将其保存为变量?

有没有办法从文档中删除一个dom元素,但将其保存为一个变量?我猜我必须将克隆保存为var,然后删除原始文件?此外,这种技术是否可以存储样式等? 最佳答案 是的,这就是你所做的。varsavedElement=document.getElementById('element_that_you_want_to_save');savedElement.parentNode.removeChild(savedElement);//savedElementwillstillcontainthereferencetotheobject,//so

dom - DOM 扩展/包装究竟是什么?

我有两个主要问题。Object之类的扩展是否算数?什么是DOM包装?http://perfectionkills.com/whats-wrong-with-extending-the-dom/读完那篇文章后,我找不到任何关于DOM包装的信息,也没有任何规范以及究竟什么是DOM扩展,什么不是DOM扩展。 最佳答案 不,Object被指定为Javascript语言的一部分,而DOM是一个API仅在浏览器环境中相关并且是用于“访问和更新文档的内容、结构和样式”(W3C).但是,那篇文章中提供的反对扩展DOM对象的理由之一仍然适用于扩展原生

javascript - Uglify-JS 错误 : Unexpected character '' when concatenating then minifying select2

我正在连接select2像这样到我的其他javascript文件:catscripts/jquery-timeago.jsscripts/jquery-autosize.jsscripts/select2.js>public/vendors.jsuglifyjs-nc-opublic/vendors.min.jspublic/vendors.js但是,我发现了一个问题,即只有在连接之后才会在select2之前添加一个空白字符,这会导致UglifyJS中出现解析错误。如果我转到连接文件中select2开始的位置并按退格键,则会删除一个空字符并且缩小工作正常。这是怎么回事?我该如何解决这个

javascript - 遍历 coffeescript : $(@). 快捷方式中的 jQuery DOM 元素

我的coffeescript中有很多循环遍历DOM元素的集合,并执行更多的jQuery。这些函数看起来像这样:$('.iterable.object').each->$(@).doThis$(@).doThat##Morecomplicatedusage$(@).jqueryPluginCallx:$(@).data('attr1')x:$(@).data('attr2')##Morecomplicatedusage$(@).children('ul.animateable').each->if$(@).data('animation')is"fancy"$(@).animatefan