`

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获取指定节点父节点、子节点的方法

    我们在实际的开发当中经常要获取页面中某个html元素,动态的更新该元素的样式、内容属性等。 那么如何获取要更新的这些元素呢?用JavaScript获取这些节点的方法有很多种,下面是总结的一些方法.

    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获取HTMLDOM节点元素的方法的总结

    一个获取第n个元素节点的js函数

    一个获取第n个元素节点的函数,现在只能通过html标签获取元素,功能还不完善 演示:html &lt;li&gt;1&lt;button&gt;a&lt;/button&gt; &lt;li&gt;2&lt;button&gt;b&lt;/button&gt;&lt;button&gt;o&lt;/button&gt; &lt;p&gt;test &lt;li&gt;3...

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

    jQuery中直接通过$(this).index()即可得到当前元素的下标。下面通过实例给大家介绍JavaScript 获取元素在父节点中的下标,需要的朋友参考下吧

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

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

    js获取HTML DOM节点详解

    在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式、...令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过):

    js获取节点方法1

    //2.获取指定id下的指定元素名的所有节点var cityLis=document.getElementById("city").getElementsByT

    JS获取子节点、父节点和兄弟节点的方法实例总结

    本文实例讲述了JS获取子节点、父节点和兄弟节点的方法。分享给大家供大家参考,具体如下: 一、js获取子节点的方式 1. 通过获取dom方式直接获取子节点 其中test的父标签id的值,div为标签的名字。...

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

    主要介绍了javascript获取dom的下一个节点方法,实现在页面点击加减按钮数字的累加,需要的朋友可以参考下

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

    本篇文章主要是对JS获取节点的兄弟,父级,子级元素的方法进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    JS简单获得节点元素的方法示例

    主要介绍了JS简单获得节点元素的方法,结合实例形式分析了javascript获取页面节点元素及修改元素属性相关操作技巧,需要的朋友可以参考下

    js 获取元素所有兄弟节点的实现方法

    兄弟节点同理,下面是一个常规的获取兄弟节点的办法。 代码如下 function siblings(elm) { var a = []; var p = elm[removed].children; for(var i =0,pl= p.length;i&lt;pl;i++) { if(p[i] !== elm) a.p

    Js 获取HTML DOM节点元素的方法小结

    令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过)1. 通过顶层document节点获取: (1) document.getElementById(elementId) :该方法通过节点...

    js获取class的所有元素

    代码如下:&lt;...&lt;head&gt;[removed] [removed] = function(){ var topMenus = getClass(‘li’,’topMenu’);...function getClass(tagName,className) //获得标签名为tagName,类名className的元素{ if(documen

    JS获取父节点方法

    令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过): 1. 通过顶层document节点获取: (1) document.getElementById(elementId):该方法通过...

    javascript获取网页中指定节点的父节点、子节点的方法小结

    用JavaScript获取这些节点的方法有很多种,下面是总结的一些方法. 1. 通过document节点获取: (1) document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法。如果...

    详解如何在angular2中获取节点

    我们知道在angular2中ts文件支持js代码,为什么用document.getElementById没法获取元素节点呢? 其实在angular2中先加载ts文件,再加载view,所以获取不到节点。 在应用层直接操作 DOM,就会造成应用层与渲染层之间...

Global site tag (gtag.js) - Google Analytics