通过xpath在页面自由插入一段html

最新推荐文章于 2023-04-09 19:56:16 发布

wayne.C

最新推荐文章于 2023-04-09 19:56:16 发布

阅读量333

点赞数

文章标签： html html5 xml

本文链接：https://blog.csdn.net/qq_38482205/article/details/120222351

版权

1.在当前页面F12打开控制台

点击此处然后选择需要插入代码的位置，p标签

右键p标签

p标签位置xpath=/html/body/div/div/div/div/div/div/p

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        1
        <div>
            2
            <div>
                3
                <div>
                    4
                    <div>
                        5
                        <div>
                            6
                            <p>
                                7
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        var a = document.evaluate('/html/body/div/div/div/div/div/div/p', document).iterateNext()
        let element = document.createElement('div')
        element.innerHTML = '插入代码'
        element.setAttribute('style','height:30px;background-color:red;color:blue')
        a.appendChild(element)
    </script>
</body>
</html>

通过document.evaluate(xpath, document).iterateNext()即可获取到需插入位置的节点

//选取节点
xmlDoc.selectNodes(xpath);
xmlDoc.evaluate(xpath, xmlDoc, null, XPathResult.ANY_TYPE,null);

wayne.C

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫