js获取html页面显示内容

js获取html页面显示内容,第1张

1、新建html文档,在body标签中添加一个按钮,然后在head标签中引入jQuery文件:

2、使用jQuery给按钮添加点击事件,然后使用ajax发送请求并将获取到的结果进行输出:

3、用浏览器打开代码,点击浏览器上的按钮,这时html页面中的内容就被输出到了控制台中:

用ajax。

引入jquery的话,

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

$("div")load('testhtml');

});

如果你要获取这个页面某个id或者类的html还可以这么写

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

$("div")load('testhtml

#container');

});

这个可以直接把新页面的html元素加载到指定的div或者别的元素里面。

如果你要纯代码的话,那再获取这个div的html就可以了。

$("div")html();

获得JS生成后的HTML代码,我们首先需要你要获取的是那一段代码,然后我们在通过innerHTML这个JS的方法来调用,然后我在输出这段方法就行了,这里我还是写一段代码:

<html>

<head></head>

<script>

var oDiv = documentgetElementById('div1');

alert(oDivinnerHTML);

</script>

<body>

<div id='div1'>

<p>我会被获取的</p>

</div>

</body>

</html>

这样我们就能获取到JS生成后的html代码。

以上就是关于js获取html页面显示内容全部的内容,包括:js获取html页面显示内容、怎么用JS获取某一个指定页面(非本页面)的HTML代码、如何获得JS生成后的HTML代码等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9721670.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存