1、js中innerHTML的用法：
innerHTML可获取或设置指定元素标签内的 html内容，从该元素标签的起始位置到终止位置的全部内容(包含html标签)。
获取元素的内容：elementinnerHTML;
给元素设置内容：elementinnerHTML =htmlString;
代码示例为：
<p id="test"><font color="#000">获取段落p的 innerHTML</font></p>
documentgetElementById("test")innerHTML
输出内容为:<font color="#000">获取段落p的 innerHTML</font>
2、js中innerText的用法：
innerText可获取或设置指定元素标签内的文本值，从该元素标签的起始位置到终止位置的全部文本内容(不包含html标签)。
获取元素的内容：elementinnerText;
给元素设置内容：elementinnerText = string;
代码示例为：
<p id="test"><font color="#000">获取段落p的 innerHTML</font>测试测试</p>
documentgetElementById("test")innerHTML
输出内容为:获取段落p的 innerHTML试测试
3、innerHTML和innerText区别：
innerHTML返回的是标签内的 html内容，包含html标签。
innerText返回的是标签内的文本值，不包含html标签。
代码示例为：
<p id="test"><font color="#000">获取段落p</font>测试</p>
documentgetElementById("test")innerHTML
输出内容为：<font color="#000">获取段落p</font>测试
documentgetElementById("test")innerText
输出内容为：获取段落p测试
扩展资料：
1、javascript获取节点文本值：
（1）原生js写法 documentgetElementById('test')innerHTML
（2）jQuery写法 $('#test')html()
2、javascript获取节点的方法：
（1）通过id的方式
documentgetElementById("id")
（2）通过类名查找元素，多个类名用空格分隔,得到一个HTMLCollection(一个元素集合，有length属性，可以通过索引号访问里面的某一个元素)
documentgetElementsByClassName('a b')
（3）通过标签名查找元素 返回一个HTMLCollection
documentgetElementsByTagName('div')
（4）通过name属性查找，返回一个NodeList(一个节点集合，有length属性，可以通过索引号访问)
documentgetElementsByName('c')
参考资料来源：Javascript官方文档-ElementinnerHTML
参考资料来源：Javascript官方文档-HTMLElementinnerText
jquery可以利用parseHtml来 *** 作html字符串：
<html><head>
<script src="
$log = $( "#log" ),
str = "hello, <b>my name is</b> jQuery",
html = $parseHTML( str ),
nodeNames = []; // Append the parsed HTML$logappend( html ); // Gather the parsed HTML's node names$each( html, function( i, el ) { nodeNames[i] = "<li>" + elnodeName + "</li>";}); // Insert the node names$logappend( "<h3>Node Names:</h3>" );$( "<ol></ol>" ) append( nodeNamesjoin( "" ) ) appendTo( $log );
</script>
</body>
</html>
运行结果：
Content:
hello, my name is jQueryNode Names:
#text
B
#text
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，编写问题基础代码。
2、在indexhtml中的<script>标签，输入js代码：$('body')append($('name-price span')eq(0)find('b')text());。
3、浏览器运行indexhtml页面，此时通过jQuery取到了书名“数值分析”并打印了出来。
这个问题包含两个方面：
1、jquery选择器（即针对你指定的那个input元素）
2、获取内容（即获得输入的值），所以综合起来有如下代码可以实现
具体 *** 作如下：
1、创建一个文本框和一个触发获取文本框输入内容的按钮
2、简单设置一下css样式
3、添加jquery代码
扩展资料
js获取文本框值
1通过getElementById() 方法获得，必须为文本框设定ID值，该方法获得的是一个对象的应用(返回值为:Object)，要获得文本框的值需添加属性值--value,如:
<input type="text" size="10" id="port11" name="port11" />
获值代码：documentgetElementById("port11")value;
2、要获得标签<h1>中间的值，方法如下：
<h1 id="you">12345</h1>
documentgetElementById("you")innerHTML;
返回值为：12345
3、如果是表单(<form>)中的文本框，还可以通过以下方式获得值:
<form name="form1" method="post" action="managerdoaction=login">
<tr><td >会员编号：</td>
<td ><input name="memberNo" type="text" id="memberNo" size="21" ></td>
<td ><input name="Submit" type="submit" value="确定" onClick="return check(form1)"
</tr>
</form>
js中的代码：function check(form){var str = formmemberNovalue;}
百度百科-jQuery
一般可以用原生js及jQuery获取html元素的值。
1
<div id="test">数值</div>
原生js写法：
1
alert(documentgetElementById('test')innerHTML);//数值
jQuery写法：
1
alert($('#test')html());//数值
说明：
innerHTML是取元素的内部html代码，此例中即div内部的所有html代码
html()方法作用也是取dom节点的内部html内容，是jQuery中的函数方法
以上就是关于js中innerHTML与innerText的用法与区别全部的内容，包括:js中innerHTML与innerText的用法与区别、如何用jquery或document *** 作html字符串。、JS中如何获取HTML中的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）