`

JS中获取节点下元素

阅读更多

 

<html> 
<head> 
<title>fish</title> 
<script language="javascript"> 
function get(){ 
var xx=document.getElementById("bbs") 
alert("标记名称:"+xx.tagName); 
} 
function getElementName(){ 
var ele = document.getElementsByName("happy"); 
alert("无素为happy的个数:" + ele.length); 
} 
</script></head> 
<body onselectstart="return false"> 
<h2 id="bbs">获取文件指定的元素</h2> 
<hr> 
<form> 
<input type="button" onclick="get()" value="获取标题标记"> 
<input type="button" name="happy" onclick="getElementName()" value="click "><input type="button" name="happy" onclick="getElementName()" value="click "><input type="button" name="happy" onclick="getElementName()" value="click "><input type="button" name="happy" onclick="getElementName()" value="click "><input type="button" name="happy" onclick="getElementName()" value="click "> 
</form> 
</body> 
</html><html> 
<head> 
<title>fish</title> 
<script language="javascript"> 
function get(){ 
var xx=document.getElementById("bbs") 
alert("标记名称:"+xx.tagName); 
} 
function getElementName(){ 
var ele = document.getElementsByName("happy"); 
alert("无素为happy的个数:" + ele.length); 
} 
</script></head> 
<body onselectstart="return false"> 
<h2 id="bbs">获取文件指定的元素</h2> 
<hr> 
<form> 
<input type="button" onclick="get()" value="获取标题标记"> 
<input type="button" name="happy" onclick="getElementName()" value="click "><input type="button" name="happy" onclick="getElementName()" value="click "><input type="button" name="happy" onclick="getElementName()" value="click "><input type="button" name="happy" onclick="getElementName()" value="click "><input type="button" name="happy" onclick="getElementName()" value="click "> 
</form> 
</body> 
</html>
 
分享到:
评论

相关推荐

    javascript获取指定节点父节点、子节点的方法

    2. document.getElementsByName(elementName):该方法是通过节点的 name 获取节点,从名字可以看出,这个方法返回的不是一个节点元素,而是具有同样名称的节点数组。然后,我们可以通过要获取节点的某个属性来循环...

    JavaScript实现获取某个元素相邻兄弟节点的prev与next方法

    本文实例讲述了JavaScript实现获取某个元素相邻兄弟节点的prev与next方法。分享给大家供大家参考,具体如下: /** * 获取相邻元素 * @param ele 参考物元素 * @param type 类型,上一个(1)or下一个(0) * @return ...

    JavaScript获取表单内所有元素值的方法

    本文实例讲述了JavaScript获取表单内所有元素值的方法。分享给大家供大家参考。具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;form id=...

    JavaScript获取HTML DOM节点元素的方法的总结

    以下是对“JavaScript获取HTML DOM节点元素的方法的总结”的详细阐述,旨在帮助开发者更好地理解和应用DOM操作。 ### 一、通过`document`对象获取DOM节点 #### 1. `document.getElementById(elementId)` 这个方法...

    js获取节点方法1

    本文将详细介绍几种常见的JavaScript获取节点的方法,并探讨如何读写属性节点。 首先,我们关注的是通过不同的方式来获取元素节点: 1. **通过ID获取元素**:这是最直接的方法,`getElementById()`函数接受一个...

    JavaScript实现获取dom中class的方法

    以上就是通过JavaScript获取DOM中class元素的方法和相关知识点的介绍。这涉及到对DOM操作的理解和对特定方法的应用,对于前端开发者来说是一项基础且重要的技能。掌握了这些知识点,开发者可以更加灵活地处理页面...

    javascript获取节点

    JavaScript获取节点是Web开发中的基础技能,特别是在使用jQuery库时更为常见。JavaScript原生提供了多种方法来操作DOM(文档对象模型)中的节点,而jQuery则提供了更为简洁和跨浏览器的API,使得这些操作更为便捷。 ...

    JavaScript 获取元素在父节点中的下标(推荐)

    总之,JavaScript获取元素在父节点中的下标是通过结合`querySelectorAll`和数组的`indexOf`方法来实现的。理解这个过程不仅可以帮助你解决特定问题,还能增强你对JavaScript DOM操作的掌握,使你在编写高性能的前端...

    js与jquery获取父元素,删除子元素的两种不同方法.docx

    本文将详细介绍如何使用JavaScript(简称JS)和jQuery这两种流行的技术来获取指定元素的父元素,并删除这些父元素中的子元素。我们将通过具体的代码示例来阐述两种方法的异同,并分析它们在实际应用中的优缺点。 ##...

    利用事件冒泡(Event Bubbling )获取鼠标下的元素属性

    JavaScript部分可能涉及了`addEventListener`或`attachEvent`(对于旧版IE浏览器)来添加事件监听器,并在事件处理函数中使用`event.target`来获取当前鼠标下的元素,从而展示元素的相关属性,例如ID、类名、文本...

    JS获取网页中HTML元素的几种方法分析

    ### JS 获取网页中 HTML 元素的几种方法分析 在 Web 开发中,JavaScript 是一种常用的客户端脚本语言,能够动态地控制网页的行为与样式。本文将深入探讨 JavaScript 获取网页中 HTML 元素的多种方法及其应用场景。 ...

    js获取HTML DOM节点详解

    幸运的是,在 JavaScript 中有多种方法可以用来获取 DOM 节点,下面将对这些方法进行详细的介绍。 #### 一、通过 `document` 获取 1. **`document.getElementById(elementId)`** - **说明**:通过元素的 ID 来...

    javascript获取指定节点父节点、子节点的方法.pdf

    本文主要介绍如何使用JavaScript获取指定节点的父节点、子节点以及相邻节点的方法。 首先,我们可以从`document`节点开始获取元素。`document.getElementById()`是最常用的方法,通过元素的ID来精确获取元素。但...

    js jquery获取当前元素的兄弟级 上一个 下一个元素

    var chils= s.childNodes; //得到s的全部子节点 var par=s[removed];...JS获取节点父级,子级元素 先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。 JS的方法会比JQUE

    文本框获取节点文本框获取节点

    在IT行业中,文本框获取节点是一个常见的操作,特别是在网页开发和前端编程中。文本框,通常指的是HTML中的`&lt;input type="text"&gt;`元素或`&lt;textarea&gt;`元素,它们用于用户输入文本。获取这些节点是构建交互式网页、...

    javascript获取dom的下一个节点方法

    本文档详细解释了如何使用JavaScript获取DOM元素的下一个节点,并结合加减按钮实现数字累加的实例,来展示这一技术的应用。 首先,涉及到几个重要的DOM操作方法:`nextElementSibling`和`previousElementSibling`。...

    课题-js和jquery获取父级元素、子级元素、兄弟元素的方法.pdf

    首先,我们来看JavaScript获取元素的方法。在JavaScript中,获取指定ID的元素可以使用`getElementById()`方法,然后通过DOM操作来获取子元素、父元素和兄弟元素。例如,获取ID为"dom"的元素下的所有子`div`元素,...

    javascript 节点

    // 获取文档中的第一个元素节点 var elementNode = document.documentElement; console.log(elementNode.nodeType); // 输出:1 console.log(elementNode.nodeName); // 输出:"html" console.log(elementNode....

    JS获取节点的兄弟,父级,子级元素的方法

    在本文中,我们将深入探讨如何使用JavaScript(JS)来获取DOM元素的父级、子级和兄弟级节点。首先,我们会关注原生JavaScript中的方法,并比较它与jQuery中相关方法的差异。众所周知,原生JS在处理节点和元素时可能...

Global site tag (gtag.js) - Google Analytics