获取html元素内容

html:

<!DOCTYPE ><html>

   <head>      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">      <title>无标题文档</title>      <style type="text/css">         * {            margin: 10px;            padding: 0;            font-family: "微软雅黑", "arial", " sans-serif";         }      </style>      <script type="text/javascript" src="js/jquery-2.2.2.min.js">      </script>

      <script type="text/javascript">         $(function() {            $("#btn1").click(function() {               var textStr = $("#test").text();               $("#txt1").text(textStr);            });            $("#btn2").click(function() {               var textStr = $("#test").html();               $("#txt2").html(textStr);            });         })      </script>   </head>

   <body>      <p id="test">         有3个方法可以用于获取<strong>Html元素</strong>的内容,分别是:<br />         <strong>text():设置或返回所选元素的文本内容</strong><br />         <strong>html():设置或返回所选元素的内容(包括html标记)</strong><br />         <strong>val():设置或返回表单字段的值</strong><br />      </p>      <textarea id="txt1" name="textvalue" cols="80" rows="8"></textarea>      <button id="btn1">显示文本</button>      <textarea id="txt2" name="textvalue" cols="80" rows="8"></textarea>      <div>

         <button id="btn2">显示html</button>      </div>   </body>

</html>

result:

2

时间: 2024-09-29 06:03:44

获取html元素内容的相关文章

(三)dom4j+Xpath的简单路径表达式获取节点元素内容和属性值

1.导包 2.创建sys-config.xml <?xml version="1.0" encoding="UTF-8"?> <config> <database-info> <driver-name>com.mysql.jdbc.Driver</driver-name> <url>jdbc:mysql://localhost:3306/sys?serverTimezone=GMT%2B8<

封装一个方法,获取文本节点内容

getNodeText(xxx)  :这个多用于进行xml解析时获取xml元素内容,相关内容:var  data=JSON.parse(xhr.responseXML);{responseText} function getNodeText(node){ if(window.ActiveXObject){ return node.text; } else{ if(node.nodeType==1){ return node.textContent; } } } ps:nodeType为固定值,文

[SoapUI]怎样获取隐藏元素的文本内容Get text of hidden element

隐藏元素无法通过gettext()获取其文本内容,须用javascript来获取 String actualDataPointName = (String) ((JavascriptExecutor) driver).executeScript( "return jQuery(arguments[0]).text();", element);

Android中如何解析网页,获取网页中的元素内容

问题: 由于android的WebView等相关类没有提供解析html网页内容的接口,我们想要获取网页的内容并解析出我们想要的元素内容,用android的固有API是没办法了. 这里我提供两种解析html思路:第一种,使用第三方解析html库:第二种,使用JAVA与JS回调,通过JS解析html. 之前研究了一下htmlparser这个开源库,但是发现和android提供的库有冲突,但其在纯java应用程序下是可行的. htmlparser下载地址:http://htmlparser.sourc

selenium获取元素内容,iframe切换,和常用方法

获取元素信息 1. text 属性,显示该元素在web页面显示出来的文本内容 2. get_attribute方法 获取某个属性的值: element.get_attribute(元素属性) element.get_attribute('href') element.get_attribute('style') 获取该元素对应HTML源代码: element.get_attribute('outerHTML') 获取该元素的内部部分的HTML源代码: element.get_attribute(

jQuery如何获取当前元素的兄弟元素

jQuery如何获取当前元素的兄弟元素:在实际应用中,有时候要获得当前元素的兄弟元素,下面就通过一段实例代码简单介绍一下如何获取当前元素的兄弟元素.实例代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> &l

用Javascript获取页面元素的位置

制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置. 下面的教程总结了Javascript在网页定位方面的相关知识. 一.网页的大小和浏览器窗口的大小 首先,要明确两个基本概念. 一张网页的全部面积,就是它的大小.通常情况下,网页的大小由内容和CSS样式表决定. 浏览器窗口的大小,则是指在浏览器窗口中看到的那部分网页面积,又叫做viewport(视口). 很显然,如果网页的内容能够在浏览器窗口中全部显示(也就是不出现滚动条),那么网页的大小和浏览器窗口的大小是相等的.如果不能全部显示,

[转载]用Javascript获取页面元素的位置

原文地址:http://www.ruanyifeng.com/blog/2009/09/find_element_s_position_using_javascript.html 制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置. 下面的教程总结了Javascript在网页定位方面的相关知识. 一.网页的大小和浏览器窗口的大小 首先,要明确两个基本概念. 一张网页的全部面积,就是它的大小.通常情况下,网页的大小由内容和CSS样式表决定. 浏览器窗口的大小,则是指在浏览器窗口中看到的那

获取页面元素的几种方式

在JS中我们可以通过以下几种方式获取到页面中的元素: 1.使用id来获取对象的元素(获取到的对象元素是唯一的) document.getElementById("") 例: <input type="text" value="默认的文字" id="txt"/><input type="button" value="按钮" id="btn"/>&