【JS】js如何获取a标签中的内容

alert(documentgetElementById('ha')innerHTML); 如果里面是<b>点击</b>,得到的也是<b>点击</b>

或

alert(documentgetElementById('ha')innerText); // 这个仅IE下有效,但如果里面是<b>点击</b>,得到的只是"点击"

// 此段代码需要引入dom4j的jar包

public static void main(String[] args) {

try {

String xml = "<xml version=\"10\" encoding=\"utf-8\" ><test><a>1</a><b>2</b> <c>3</c></test>";

Document doc = DocumentHelperparseText(xml);

Element testElement = docgetRootElement();

String testxml = testElementasXML();

String result = testxmlsubstring(testxmlindexOf(">") + 1, testxmllastIndexOf("<"));

Systemoutprintln(result);

} catch (DocumentException e) {

eprintStackTrace();

}

}

jquery提供了三个获得内容的方法： text()、html() 以及 val()，其中前两个可用于解决本问题：

$("label#userid")text();   // 首选，获取label的文本

$("label#userid")html();   // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法

下面给出实例演示：分别使用以上两种方法获取label标签的内容，注意最终结果的区别

创建Html元素

<div class="box">

<span>点击按钮获取label中内容：</span><br>

<div class="content">

<label id="userid">输入用户名</label><input type="text">

</div>

<input type="button" value="获取label中的内容">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

h3{display:inline-block;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

$("input:buttonbtn1")click(function() {

alert($("label#userid")text());

});

$("input:buttonbtn2")click(function() {

alert($("label#userid")html());

});

})

观察效果

使用text()方法获取标签内的内容

使用html()方法会获取到标签内的元素（包含Html标记）

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml。

2、在indexhtml中的<script>标签，输入js代码：

var a = '通过id获取：' + $('#test')html();

var b = '通过标签名获取：' + $('div')html();

$('body')append('<br/>' + a);

$('body')append('<br/>' + b);

3、浏览器运行indexhtml页面，此时成功通过id和标签名称获取到了节点并打印了节点内容。

可以使用next()

取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。

html代码如下

<p>Hello</p><p>Hello

Again</p><div><span>And

Again</span></div>

Jquery获取

$("p")next()

结果获取标签

<p>Hello

Again</p>,

<div><span>And

Again</span></div>

获取标签内容

$("p")next("eq:(0)")html()

//Hello

Again

以上就是关于【JS】js如何获取a标签中的内容全部的内容，包括:【JS】js如何获取a标签中的内容、如何获取XML内某个标签下的所有内容（包括标签）、jquery怎么获取lable标签里面的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！