草庐IT

dom-selection

全部标签

javascript - 我如何告诉 javascript 立即更新 DOM?

我正在尝试在javascript中调用耗时函数之前向用户加载“正在加载”消息。HTML:Foo​Javascript:varfoo=document.getElementById('foo');functiontellViewerLoading(){//Telltheuserthatloadingisoccuring.foo.innerHTML='loading...';}functionsomeActionThatTakesALongTime(){//Dosomeactionthattakesalongtime.vari=0;while(iJSFiddle:http://jsfidd

javascript - 通过 JS 插入时,具有内联 block 和文本对齐的 DOM 等距 div 将不起作用

我一直在尝试实现ChrisCoyier的内联block+文本对齐解决方案,以在给定的包装宽度中自动水平分布div。http://css-tricks.com/equidistant-objects-with-css/当元素立即加载到DOM中时效果很好,但由于某种原因在通过JS以编程方式添加元素时失败。就好像浏览器只是忽略了css属性。查看此fiddle以获得一个非常基本的示例:http://jsfiddle.net/xmajox/NUJnZ/前两行是在HTML加载时添加的。单击该按钮可通过JS在运行时添加更多内容。最初我认为它可能与伪元素的使用有某种关系:after所以我尝试了一个带有

javascript - 如何在新窗口中获取dom元素?

JavaScript中的一个简单任务是打开一个新窗口并在其中写入。但是我需要写在一个dom元素中,一个带有ID的div。varnovoForm=window.open("somform.html","wFormx","width=800,height=600,location=no,menubar=no,status=no,titilebar=no,resizable=no,");比我尝试一些...varw=novoForm.innerWidth;varh=novoForm.innerHeight;novoForm.document.getElementById("monitor").

javascript - 如何在 DOM 中的克隆/插入元素上触发事件?

我无法在我克隆/插入到DOM的元素上触发事件。检查fiddlehere.HTML:[THISISDIVA]CLICKTOCLONEDIVAjQuery:$('.A').on("click",null,function(){alert('DIVACLICK');});$('.B').on("click",null,function(){$('.A').clone().insertAfter('.A');});如果我点击一个克隆的DIVA,没有任何反应。如何在克隆的元素上触发事件? 最佳答案 我提出了两个解决方案。首先,在这种情况下更好

javascript - 动态更改 jquery 选择的 max_selected 选项

我有两个选择选项,class和class_attr。class有两个选项:A和Bclass_attr有很多选项:aa,bb,cc,dd,ee,...如何实现,如果用户选择A,选择的max_selected只有5个选项,如果用户换成B,选择的max_selected只有3个选项.我正在尝试做这样的事情:$(".class").change(function(){varcode=$(this).val();if(code==1){$(".class_attr").chosen({max_selected_options:5});}else{$(".class_attr").chosen({

javascript - 从主干 View 中的模板获取 DOM 元素

我正在使用Backbone.js来显示人员列表及其数据。每个人都有属于自己的.div由_.template生成并包含显示此人数据的字段,以便对其进行调整。还有一个带有class=".save"的按钮.在我看来,我有一个绑定(bind)到单击此按钮的功能。我正在寻找获取值的最佳方法-div中的标签属于模型。这是我的方法,但我想知道是否有更好的方法。在我的模板中,我根据模型的ID为DOM元素动态分配了ID。我使用相同的逻辑在View中找回元素。模板"id="name_"/>"id="age_"/>"id="address_"/>Save查看events:{"click.save":"sav

javascript - 使用 DOM 创建并填充一个复选框列表,其中包含 javascript 中的数组值

我有一组动物...我如何设法在javascript中创建一个复选框列表,并用动物数组中的动物名称填充每个复选框,并在html中显示它们。我的尝试代码:varlengthArrayAnimals=animals.length;for(vari=0;pos 最佳答案 这是一种方式(纯JavaScript,无jQuery):varanimals=["lion","tigers","bears","squirrels"];varmyDiv=document.getElementById("cboxes");for(vari=0;ihttps

javascript - 加载数据后从 Select2 获取项目

我正在尝试强制打开方法并像这样使用select2选择项目。$(".select").select2('open')$(".select").on('select2-loaded',function(e){items=e.items.results;if(items.length==1){$(this).val(items[0].text);}});$(".select").select2('close');但我无法进入select2加载的评估,而且关闭也很快。如果列表中只有一个元素,我想默认选择第一个元素。当“打开”发生时,它会自动执行获取和加载列表中所有元素的机制。如果我对close

javascript - 如何在 Select2 选项中添加图像?

我有一个选择:我有我的功能;//am-Fonctionpermettantd'ajouterlecadenasàcôtédelaPeriodesielleestcloturéefunctionAddLock(pItem){if(!pItem.IsCloturePeriode)returnpItem.Periode;varlTemplate=$(''+pItem.Periode+'');returnlTemplate;};它向我发送了一个对象:请帮忙! 最佳答案 我不确定问题是否标记不正确,但我在您提供的代码中没有看到您的select

javascript - Vue.js "npm run build"但 Vue.js 未绑定(bind)到 DOM/工作

这里是Vue.js的新手。在MacOS上使用版本:$npm--version4.6.1$vue--version2.8.1我正在使用webpack-simpleinit和vue-cliforvue2.0。我在我的Django项目文件夹中为vue内容创建了一个名为frontend的文件夹。目录结构:$tree├──README.md├──asnew│  ├──__init__.py│  ├──migrations│  ├──models.py│  ├──settings.py│  ├──templates│ └──index.html│  ├──urls.py│  ├──views.py