【动态更改网页HTML元素(对象)内容_经验交流】教程文章相关的互联网学习教程文章

javascript – JS.如何用字符串表示的另一个元素/文本替换html元素?【代码】

我有一个替换html元素的问题. 例如,这是一个表:<table><tr><td id="idTABLE">0</td><td>END</td></tr> </table>(它可以是div,span,任何东西) 和JavaScript中的字符串:var str = '<td>1</td><td>2</td>';(它可以是任何内容,123文本,< span> 123元素< / span> 456或< tr>< td> 123< / td>或其他) 如何用str替换元素idTABLE? 所以:<table><tr><td id="idTABLE">0</td><td>END</td></tr> </table>变为:<table><tr><td>1</td><td>2...

javascript – 多个HTML元素可以同时获得焦点吗?

我是一个JavaScript报告组件的编码,它需要多个LI,即列表被集体选择为具有视觉反馈的一堆. 我正在考虑调整onfocus事件.多个HTML元素是否可以同时获得焦点? 不是输入,而是DIV,所以我不需要光标.我只想让几个DIV与其他DIV分开“选择”,不同颜色以模拟多个项目选择.解决方法:不,你一次只能关注一个元素.

javascript – AngularJS如何使用自定义HTML5元素标签和属性?【代码】

大多数浏览器似乎允许您创建您喜欢的任何元素标记,并将您喜欢的任何属性名称添加到元素中.例如:<!DOCTYPE html> <html> <body> <div my-attribute="has no data- prefix, but seems to behave like an attribute should"><br/><hello-world style="display:block;background:#eee">Hello Everybody</hello-world><goodby-world style="background:#faa">Default display is inline</goodbye-world> </div> </body> </html>以上显示...

javascript – 专注于JQuery的HTML元素onEnter按键的下一个tabindex【代码】

嗨朋友们,我正在开展一项小任务,即让用户在输入按键时对html元素进行tabindex. 作为jquery的新手,我已经编写了一些代码,在我看来它会起作用,但是它有一些问题. 初步调查结果罪魁祸首代码,它不起作用,因为Msg lablel中的输出是“Undefined”$('*').attr('tabindex').id代码如下,我甚至创建了一个JSFiddle. JQuery的$(document).ready(function (eOuter) {$('input').bind('keypress', function (eInner) {if (eInner.keyCode == 13)...

javascript – 如何在jQuery中读取xml文件内容并在html元素中显示?【代码】

我是Jquery的新手.我正在尝试从“sampleXML.xml”文件中读取数据并在Html“li”元素中显示该数据.到目前为止我所做的是,我创建了如下html文件:文件名 – “Cloudtags.html”:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-...

使用javascript将事件处理程序添加到HTML元素【代码】

我希望在任何用户点击它时为段落添加事件处理程序.例如,我有一个段落,当用户点击它时会显示警告,但不在HTML上使用“onclick”.<p id="p1">This is paragraph Click here..</p><a href="http://www.google.com" id="link1" >test</a>document.getElementById('p1').onmouseover = paragraphHTML; 解决方法:您可以添加事件侦听器.水木清华.像这样:var el = document.getElementById("p1"); if (el.addEventListener) {el.addEventL...

javascript – 如何使用angularjs(1.x)动态设置HTML元素的id属性?【代码】

提供了一个div类型的HTML元素,如何设置其id属性的值,这是范围变量和字符串的串联?解决方法:正如官方文档中所介绍的那样,ngAttr指令在这里可以完全有所帮助 https://docs.angularjs.org/guide/interpolation#-ngattr-for-binding-to-arbitrary-attributes 例如,要设置div元素的id属性值,以便它包含索引,视图片段可能包含<div ng-attr-id="{{ 'object-' + myScopeObject.index }}"></div>将被内插到<div id="object-1"></div>

javascript – 以可编辑的HTML元素编程选择文本?【代码】

在JavaScript中,可以以编程方式选择input或textarea元素中的文本.您可以使用ipt.focus()聚焦输入,然后使用ipt.select()选择其内容.您甚至可以使用ipt.setSelectionRange(from,to)选择特定范围. 我的问题是:有没有办法在一个满足的元素中做到这一点? 我发现我可以执行elem.focus(),将插入符号放在一个可信的元素中,但随后运行elem.select()不起作用(也没有setSelectionRange).我在网上找不到任何关于它的东西,但也许我正在寻找错误...

javascript – 如何使用JS将样式修改为HTML元素(使用CSS外部样式)?【代码】

所以当我点击< p>家庭类的标签,我希望它改变颜色到绿色但它不起作用和idk为什么.点击注册很好(因为console.log(“test”)显示正常)但更改颜色的其余功能将无法正常工作.这是我的css,html和js代码(js代码包含在HTML中,所以它不是外部文件或任何东西):.greyRect {height:150px;width:1350px;background-color: #D3D3D3;} h1 {text-align: center; } h2 {text-align: center; } .home {box-sizing: border-box; width:80px; height:3...

javascript – 用于HTMLCollection元素的循环【代码】

我正在尝试在HTMLCollectionOf中设置所有元素的get id.我写了以下代码:var list = document.getElementsByClassName("events"); console.log(list[0].id); for (key in list) {console.log(key.id); }但我在控制台中得到以下输出:event1 undefined这不是我的预期.为什么第二个控制台输出未定义但第一个控制台输出是event1?解决方法:摘要(2018年12月添加) 不要使用for / in来迭代nodeList或HTMLCollection.避免它的原因如下所述....

javascript – 如何使用jQuery将事件附加到动态HTML元素?【代码】

参见英文答案 > Event binding on dynamically created elements? 23个假设我有一些jQuery代码,它将事件处理程序附加到具有类.myclass的所有元素. 例如:$(function(){$(".myclass").click( function() {// do something}); });我的HTML可能如下:<a class="myclass" href="#">test1</a> <a class="myclass" href="#">test2</a> <a class="myclass" href="#">test3</a>这没有问题.但是,请考虑是...

将Javascript命名空间分配给HTML元素,并从element调用命名空间中定义的函数【代码】

如何将一个Javascript命名空间分配给HTML元素并调用该元素上所述命名空间中定义的函数? 我问了另一个问题:Attaching JavaScript to the prototype of an ASCX client side instance 上一个问题回答了如何做到这一点,但现在我很好奇这是如何在纯Javascript / HTML级别上工作的.我并没有更接近于搞清楚它. 假设我有一个只包含文本框的HTML页面:<html><body><div><input type="text" id="MyTextBox" /></div></body> </html>在浏览...

Python:基于绝对XPath解析HTML元素【代码】

我正在开发一个项目,我必须根据URL解析20个不同的HTML页面,我想从所有这些页面获取一些信息.页面具有不同的结构,所需信息位于每个站点的不同位置. 我想我可以试试Python lxml模块.由于信息可以在每个站点的不同位置找到,我很懒惰将20 * X不同的注册表放在一起.表达式,我认为对这些元素使用绝对XPath是个好主意.通过这种方式,我可以简单地利用Chrome浏览器的复制XPath功能,并为我的解析器提供每个HTML元素的清晰路径,而且我不需要编...

使用JavaScript和setTimeout旋转HTML元素以模拟不断移动的对象【代码】

我花了一点时间试图找出这个特定的Javascript,以及为什么它似乎如此令人生气. 目前我目前有两个功能.其显示如下.function startUpProc(id) {var log = window.document.getElementById(id);log.style.transform = "rotate(0deg)";var i = 10;while ( i <= 360){setTimeout('changeRotate(' + id + ',' + i + ')', 100);i = i + 10;} } function changeRotate(item, val) {item.style.transform = "rotate(" + val + "deg)";item.st...

javascript – 内部文本不适用于段落和标题HTML元素【代码】

我是Javascript的新手,我尝试了下面的代码,它适用于< div>元素但不是< P>和< h1>分子<script type="text/javascript">function PrintText(){document.getElementById('heading').innerText = 'Hello World';} </script><body><div id="heading"></div> // Works<h1 id="heading"></h1> // Not Working<P id="heading"></P> // Not Working<button type="button" onclick="PrintText()">Submit</button> </body>当我使用document.ge...

元素 - 相关标签