js怎么获取某个标签的前一个标签

原生方法：

var el = documentgetElementById('test_el');

elpreviousElementSibling; // 这就是元素的前一个兄弟节点

elnextElementSibling; // 这就是元素的后一个兄弟节点

用原生js的话可以用nextSibling，不过需要判断获取到的节点是不是标签元素，因为有可能你获取到的实际是2个标签之间的空格。

例如：<span id="sp_1"></span><span id="sp_2"></span>

用var span1=documentgetElementById('sp_1');获取到第一个标签后，再

var span2=span1nextSibling;

while(span2nodeType != 1){ span2=span2nextSibling;}这样循环知道找到nodeType为1的节点（即是下个标签）。

1、首先打开hbuilder软件，新建一个html文件，里面写入一个p标签和一个按钮标签。

2、然后在p标签的下方设置一个script标签，里面写入js胆码；先获取p标签和按钮的dom对象，然后给按钮添加一个点击事件，再点击事件爱的回调中alertp标签的text属性即可。

3、最后打开浏览器，可以看到一段文字和一个按钮，点击这个按钮。

4、就可以d出内容了。

首先先要确定一下你要获取的a标签的属性，比如id，class等，然后通过documentgetElementById('a标签的id')或documentGetElementByClass('a标签class')获取该节点对象

<div id=test contenteditable=true></div>

<script>

windowonload=function(){

   documentgetElementById("test")onkeydown=function(e){

      //当前元素是(e||event)currentTarget

      consolelog((e||event)currentTarget);

      //标签名称是(e||event)currentTargettagName

      consolelog((e||event)currentTargettagName);

   }

}

</script>

有原生DOM获取以及用js库比如jquery

原生DOM的话首先获取标签对象，id或者name或其他

例：

1

<p id="targetp" >2333333</p>

<script>

var element = documentgetElementById("targetp");

var tagname = elementtagName;

alert(tagname);

</script>

jQuery获取

$("#content-header")get(0)tagName

如果已经获取到对象可以直接获取标记名

<p onclick="alert('您单击的是：'+thistagName);">中华人民共和国</p>

网上下载一个jquery，百度一下很多的。

然后引用到页面里 <script type="text/javascript" src="xxx/jqueryjs"></script>

以下是id="Con"的div标签中的span被点击时触发

$("#Con span")click(function(){

var ind = $("#Con span")index(this) - 1;

if(ind >= 0){

alert("上一个标签的内容是：" + $("#Con span")get(ind)innerHTML);

}

});

PS

如果觉得jquery不错，可以下载它的说明文档看看，以后写脚本效率可以提高不少。

使用getAttribute方法取就是当前标签的src值。如下调整：

var c = documentgetElementsByClassName('c')[0];

var img = documentgetElementsByClassName('img')[0];

//绝对路径取法

consolelog(imgchildren[0]src);

//相对路径取法

consolelog(imgchildren[0]getAttribute('src'));

以上就是关于js怎么获取某个标签的前一个标签全部的内容，包括:js怎么获取某个标签的前一个标签、js 中怎么获取某个标签后面的标签、怎么用JS获取HTML标签内的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！