如何获取html的内容部分内容

如何获取html的内容部分内容,第1张

jQuery可以通过text和html方法获取指定标签的文本内容或者html内容

<!DOCTYPE html>

<html>

<head>

<script src="js/jqueryminjs">

</script>

<script>

$(document)ready(function(){

$("#btn1")click(function(){

alert("Text: " + $("#test")text());

});

$("#btn2")click(function(){

alert("HTML: " + $("#test")html());

});

});

</script>

</head>

<body>

<p id="test">This is some <b>bold</b> text in a paragraph</p>

<button id="btn1">Show Text</button>

<button id="btn2">Show HTML</button>

</body>

</html>

可以使用输入框的val()方法来获取input的值,给按钮绑定点击事件触发d出该输入框的值。

工具原料:编辑器、浏览器

1、解决的思路就是给一个按钮绑定点击事件,然后参数该输入框的值,代码如下:

<html>

<head>

<script type="text/javascript" src="libs/jquery/214/jqueryjs"></script>

<script type="text/javascript">

$(document)ready(function(){

  $("button")click(function(){

    alert($(":text")val());

  });

});

</script>

</head>

<body>

<p>Name: <input type="text" name="user" value="" /></p>

<button>改变文本域的值</button>

</body>

</html>

2、运行的结果如下:

光用HTML语言是不能读取服务器或本地机上的TXT文件的,需要用到其他语言。

如果你的txt文件是在服务器上,你可以用很多方法把TXT文件中的html标签除掉后显示出纯文本内容。

参考一下下面代码:

<iframe src="atxt" name=iframe1></iframe>

<div id=div1></div>

<script>

//在iframe1中已经显示有TXT文本的内容,下面代码是把TXT中的内容中的HTML标记取消,只取得文本

var txtval=ifram1bodyinnerText;

//把文本显示在div1中

div1innerHTML=txtval;

</script>

以上就是关于如何获取html的内容部分内容全部的内容,包括:如何获取html的内容部分内容、html 点击按钮获取input文本框里面的值、html 读取本地文本文件的内容,显示在select的下拉列表中等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9751900.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存