【常用html元素总结包括基本结构、文档类型、头部、主体等等_HTML/Xhtml_网页制作】教程文章相关的互联网学习教程文章

javascript – 检查哪个html元素触发onclick【代码】

我有html如下:<div onclick=" callJavascript()"><span id="abc"> abc </span> <span id="def"> def </span> <span id="ghi"> ghi </span></div>当我点击’abc’或’ghi’时,是否有函数callJavascript()内的任何地方,找出我点击的哪个span id?解决方法:就在这里 : 对于非IE浏览器:function callJavascript ( e ) {alert(e.target); // the DOMElement objectalert(e.target.id); // the object's id}对于IE:function callJava...

如何在不知道ID的情况下从JavaScript中选择HTML元素?【代码】

我有一个未知数量的< img>我的页面上没有ID的元素,我需要能够浏览它们并根据许多不可预测的因素设置某些属性.解决方法:使用document.getElementsByTagName():var imgs = document.getElementsByTagName("img");for(var i = 0; i < imgs.length; i++) {var currentImg = imgs[i];if (currentImg.somAttr) {// do your stuff} }

有没有办法使用Javascript完全删除HTML元素?【代码】

是否可以使用Javascript / jQuery / Ajax直接从标记中删除/删除HTML元素,而不是使用CSS display:none?解决方法:是 JavaScript的var parent = document.getElementById('parentElementID'); var child = document.getElementById('childElementID'); parent.removeChild(child);jQuery的$('#parentElementID').remove('#childElementID');

javascript – HTML元素的“默认操作”是否有标准资源?

我想知道是否有各种HTML元素的默认操作的定义标准.我已经看过了W3C’s HTML specification,虽然他们非常精确地知道哪些属性可以与元素一起使用(还有一些行为的东西,比如表单提交中包含的内容),但是元素的行为却没有.我也查了Mozilla JS reference,也没发现任何东西. 特别是我正在寻找表单提交按钮的默认行为;我在不同的地方看到它的默认操作是提交表单,或者它的默认操作不是提交表单而是获得焦点.因此,似乎没有就onclick =“return...

用于从MVC3中的Javascript引用HTML元素的结构【代码】

我们有一个ASP.NET MVC3项目.我们使用ajax调用填充我们网站的几个部分.假设我们在cshtml中有一个div,我们想在其中放置一些搜索结果.<div id="SearchResult" />我们已经为我们想要在Javascript文件中引用的所有元素创建了一个包含常量的列表var selectors = {SearchResult: '#SearchResult',... };当我们想要访问div时,我们在Javascripts中使用selectors.SearchResult. 到现在为止还挺好.但是来自c#世界,我们有强大的绑定,编译时间警...

javascript – 如何在contenteditable中删除HTML元素时触发事件【代码】

我有一个内容可编辑的div,里面有一些html元素.例如,假设我有:<div contenteditable="true" id="myTextArea">Some content, <div id="div1">content in div</div>, and more <span id="span1">content</span></div>当用户在myTextArea中编辑文本并删除一些html元素时(通过粘贴新内容,或者只是粘贴文本)我希望每个html元素触发一个事件并告诉我它已被删除.有关如何做到这一点的任何想法?解决方法:您可以使用MutationObserver来实现...

javascript – 我可以在任意HTML元素类型上触发JQuery“更改”事件吗?

假设我有一个选择了元素的JQuery对象el.如果所选元素是DIV,调用el.trigger(“更改”)是否合法,安全且合理?其他元素类型怎么样?就此而言,我可以调用el.change()吗? JQuery documentation for .change()说:The change event is sent to an element when its value changes. This event is limited to <input> elements, <textarea> boxes and <select> elements.我不清楚“限制”在这里意味着什么.它可能指的是这些是自动生成这些...

javascript – 在Prototype中复制或克隆HTML元素【代码】

我有两个html选择框,项目从左向右移动,现在我想改变行为,使元素从右向左复制.我用原型库尝试了Oject.clone(o)和.cloneNode(true).它导致我的浏览器挂起, 目前,从左到右移动元素的代码如下,$('left').appendChild($('right').options.item($('right').selectedIndex));如何更改此项,以便从左到右存在元素副本,而不是实际移动.解决方法:而不是Object.clone()使用Element.clone()var selected = $('right').options.item($('right').s...

javascript – Leaflet.js:允许在地图DIV顶部使用HTML元素的默认拖动/缩放选项【代码】

我正在使用一些javascript / css在Leaflet控制的地图上“绘制”我自己的DIV和IMG元素.我已经设法同步平移和缩放动作,所以看起来我自己的元素实际上是背景中地图的一部分. 唯一的主要背后:当我将鼠标放在我的自定义HTML元素上时,鼠标图标从“移动”图标变为默认指针,并且无法拖动或缩放地图. 有没有办法在页面上为maptile上的拖放控制提供特定的HTML元素?我不想在所有元素上使用它,其中一些需要提供不同类型的用户交互. 我还没有真...

javascript – 如何使用angular js的$location.hash更改单击时html元素的颜色?【代码】

我有三个按钮,标记为关于我们,联系我们和服务.每当我点击一个按钮时,哈希值都会改变,我已经使用路由概念转到不同的页面. 现在,我想在AngularJS中使用函数$location.hash(),并在哈希值更改时更改按钮的颜色. 请参阅我在下面编写的代码:<div ng-controller="mainController"><a href = "#/aboutus" ng-class="{'active': location == '/aboutus'}">About us</a><a href = "#/contactus" ng-class="{'active': location == '/contact...

我可以在html元素上以编程方式检查和修改Javascript事件处理程序吗?【代码】

我正在使用C#进行浏览器自动化,我想修改或者可能只是删除我正在查看的网页中某些html元素的事件处理程序.例如,假设有一个按钮可能(或可能没有)附加onClick事件.我该怎么做: – 查看是否有任何附加到onClick的事件处理程序? – 删除它们?解决方法:用自己的克隆替换元素应该有效地丢弃它的所有事件监听器(好吧,技术上的监听器仍然在一个元素上,但由于一个元素被自己的克隆替换,看起来好像只是删除了监听器):el.parentNode.replac...

javascript – 如何删除隐藏的HTML元素?【代码】

我试图在将其可见性更改为隐藏后删除HTML元素,但是当我运行the following code时出现以下错误.看起来我无法获取该元素的句柄,因为它是隐藏的.Uncaught Error: NOT_FOUND_ERR: DOM Exception 8 elementHidden有没有办法删除使用纯JavaScript隐藏的节点?由于冲突,我不能使用像jQuery这样的库. 来自jsFiddle的代码function elementHidden(e) {if (!e.target.style.opacity) {console.log('Delete this mofo!'); document.removeChild...

javascript – 构建具有可读性和维护性的HTML元素【代码】

当迭代一些表格单元格数据时,我构造了一个找到的任何数组.第一次迭代只是将找到的文本包装在某些< span>中.标签,而后续的标签添加了一堆其他样式,如下所示:var array = $('table').find('th').map(function(i){if (i===0){// This bit's OKreturn '<span>' + $(this).text() + '</span>';} else {// This just looks horriblereturn '<span style="width:' + $(this).outerWidth() + 'px; display:inline-block; position:absolut...

javascript – 从子元素的标题中获取html元素【代码】

我有一个有一个活动类元素的列表<ul class="tabs clearfix" > <li> <a title="abc" href=# >ABC</a> </li> <li><a title="xyx" href=# >XYZ</a> </li> <li class=active > <a title="all" href=# >All</a> </li>我使用本地存储来存储标签的标题,然后用于相应地加载内容.当我从本地存储中取回标题时,我很难获得特定的li元素.我想在li元素中添加一个与特定标题对应的活动类.这是javascript代码:$(document).ready(function(){ va...

javascript – 如何从导入的html中的脚本访问导入的html元素【代码】

我想创建一个自定义元素,它将在html导入时自行注册. 定制element.html:<html><...><body><template id="myTemplate"></template></body><script src="my-script.js"> </html>我-的script.js:let customElementPrototype = Object.create(HTMLElement.prototype); customElementPrototype.createdCallback = function () {// somewhere here i want to access <template> to insert it in element// I've tried document.querySel...