<!--html 文件 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>dynamic add event listener</title>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<input type="button" id="btn" value="click me" />
<script src="js/dynamicAddEvnet.js"></script>
</body>
</html>
//--js文件.
(function (){
var obj = document.getElementById("btn");
obj.addEventListener("click", hideAll, false);
if(window.addEventListener)
{
//其它浏览器的事件代码: Mozilla, Netscape, Firefox
//添加的事件的顺序即执行顺序 //注意用 addEventListener 添加带on的事件，不用加on
//参数说明：type:String事件类型,函数,true为false为冒泡阶段
obj.addEventListener("click", hideAll, false);
//侦听器在侦听时有三个阶段：顺序为：捕获阶段（根节点到子节点检查是否调用了监听函数）→目标阶段（目标本身）→冒泡阶段（目标本身到根节点）。
}
else
{
//IE 的事件代码 在原先事件上添加 add 方法
obj.attachEvent('onclick',hideAll);
}
})();
function hideAll(){
var arrName = document.getElementsByTagName("p");
//alert("hideAll().length=" + arrName.length);
for(var i=0; i < arrName.length; i++){
//alert(arrName[i].innerHTML);
arrName[i].style.display = "none";
}
}
注：js代码要在加载完id标签OK后，才能调用；否提示取出的id对象为null.
分享到：
相关推荐
这里我们将深入探讨在JavaScript中动态创建和操作关联数组的问题。 首先，让我们分析给定的例子： 例子一： ```javascript var array1 = { "A": "a", "B": "b", "C": "c" }; for (key in array1) { // 能够正常...
JavaScript（简称JS）是一种广泛用于Web开发的轻量级脚本语言，它可以在客户端运行，为网页添加交互性。在本场景中，我们讨论的是如何使用JavaScript动态地在图片上生成矩形热区，并在热区上添加蒙版效果。热区...
这种联动效果可以通过JavaScript事件监听和数据处理实现，当用户改变一个选择时，触发函数更新其他关联元素的显示。在大型项目中，可以结合Ajax异步请求获取后端数据，提高用户体验。 正则表达式（Regular ...
总结，JavaScript复选框的相关函数涉及获取、设置状态、操作全选/全不选及事件处理等多个方面。理解并熟练运用这些函数，能帮助开发者创建更加动态和交互性强的Web页面。在实际应用中，我们还需要考虑兼容性、性能...
本主题将深入探讨如何使用JavaScript实现表格的行列动态添加，以及在formbean中定义属性为String数组的关联概念。 首先，我们需要了解HTML中的`<table>`元素和其子元素`<tr>`（行）、`<td>`（单元格）的基本用法。...
通过将按钮的`onclick`事件与JavaScript函数关联，可以实现通过点击按钮来添加或删除表格行的功能。 除了上述内容，标签中还提到“JS 动态 添加 Table TR TD 方法”，这表明文章着重讨论了使用原生JavaScript（不...
- **动态可视化**：根据查询结果改变地图的图层样式或添加图表。 文件"JavaScript关联查询.pdf"可能包含了详细的API使用示例和教程，而"数据"和"关联查询"可能包含了实际的测试数据和查询实例，供你进一步学习和...
在EXT JS这个强大的JavaScript框架中，FormPanel是用于创建表单的重要组件，它允许开发者构建交互式的、数据驱动的Web应用程序。FormPanel不仅提供了一种布局管理方式，还支持各种表单元素，如文本框、复选框、下拉...
为此，我们需要为控件添加事件监听器，并编写相应的事件处理函数。 5. **布局管理**：动态添加控件时，需要考虑如何合理地布局。这可能涉及到流式布局、网格布局、相对布局等。在Windows Forms中，可以使用...
然而，如果试图将多个函数绑定到同一个`onload`事件处理函数，会遇到问题，因为每个事件处理函数只能关联一个函数。 例如，如果我们有`firstFunction()`和`secondFunction()`两个函数，我们可能会尝试像下面这样...
动态绑定是编程中的一种技术，主要目的是在运行时根据需要将函数与对象关联起来，而不是在编译时静态地决定。在Cocos2d-js中，动态绑定意味着我们可以不预先定义每个UI控件的事件处理器，而是在加载UI资源后，根据...
在JavaScript和jQuery的世界里，动态地添加和删除DOM元素是常见的需求，特别是在处理表格数据时。本文将深入探讨如何利用jQuery实现动态添加和删除指定行的功能。 首先，我们来看动态添加行的操作。这个过程通常...
`js`目录可能包含项目的JavaScript代码，如上述动态添加输入框和时间选择器的逻辑；`css`目录则包含CSS样式，用于美化页面和组件；`images`目录可能存储了项目中用到的图片资源。 总之，动态添加输入框和时间选择...
虽然这里没有直接关联，但在某些场景下，如服务器端渲染或构建自动化工具时，FreeMarker可能会与JavaScript环境交互，例如通过Node.js的`child_process`模块执行命令行操作。 总之，理解并自定义`eval()`函数对于...
在本主题"js表格操作，DOM实现数据动态增删查改"中，我们将深入探讨如何使用原生JavaScript通过DOM操作来实现数据在表格中的动态管理。 1. **创建表格**：首先，我们需要在HTML中创建一个基础的表格结构。这通常...
在"jQuery动态添加删除编辑标签代码"中，`jiaoben5438`可能是代码实现的核心文件，可能包含了用于实现这些功能的jQuery函数和事件处理程序。文件名中的"forgot3w5"和"package6rz"可能是开发者或项目特有的标识符，与...
在JavaScript中，可以使用`addEventListener`方法添加事件监听器。 3. **动态函数生成**：根据描述，这里的"按名称触发事件"可能指的是动态生成函数名，然后根据这些函数名来绑定事件处理。这可以通过字符串拼接或...
总的来说，JavaScript事件是动态网页交互的核心。通过理解和熟练运用事件处理，开发者可以创建出更加用户友好的交互式网页应用。在阅读`event.js`这个文件和相关的博客文章后，你将能够深入理解JavaScript事件系统，...
- 如果菜单项需要关联事件，记得为它分配相应的事件处理函数，以便在用户选择时执行预期操作。 3. **动态删除菜单项**： - **删除过程**：删除菜单项同样涉及查找特定菜单项并移除它。在C#中，可以使用`Remove`...
事件是用户或浏览器在与页面交互时触发的动作，通常与函数关联，因为事件通常需要执行某些功能。事件包含三个要素： 1. 事件源（Event Source）：触发事件的对象。 2. 事件（Event）：发生的具体动作，如点击、移动...