在html中如何调用指定页面的指定div标签内的指定内容?

在html中如何调用指定页面的指定div标签内的指定内容?,第1张

我先假设不跨域吧。然后使用jQuery

index.html,网络地址http://localhost/index.html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

</head>

<body>

<script>

    $(document).ready(function() {

        $.get('page.html', function(data) {

            var content = $(data).find('.content').html()

            $('body').append(content)

        })

    })

</script>

</body>

</html>

page.html ,网络地址http://localhost/page.html

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

</head>

<body>

<div id='content'>index.html运行的时候我会被显示过去</div>

</body>

</html>

var oDiv=document.getElementById('#ao')

这个可以获取id为ao的元素

如果你要获取这个元素里面的内容,请用innerHTML

PS: var oContent=oDiv.innerHTML //oContent的值就是111;

alert(oContent)

  只是这样写的话并没错  只是不规范  这里的错误是脚本的问题

 <a data-email="xxx.163@.com"></a>  在html5中可以这样自定义数据


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

原文地址: http://outofmemory.cn/zaji/6239059.html

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

发表评论

登录后才能评论

评论列表(0条)

保存