使用 JavaScript 小书签获取 Ajax HTML 元素

Question

我是 bookmarklet 的新手，不确定它能做多少。我想从网页中获取一些元素，但是在我点击一些按钮之前内容不会显示出来。我可以使用以下非常简单的代码在静态网页上获取一些内容，但是是否可以通过创建小书签来获取更深层次的元素。

是否可以用javascript小书签获取深红色圈出的部分？我能够通过 python 模拟用户操作来做到这一点，但我想要更快地获取元素。请分享一些我可以寻找的方向，似乎可以创建书签并快速完成很多事情。

javascript: (function() {
    var v = document.getElementById("view_shade").value ;
    alert(v);
})();

首次进入页面时html:

点击一些按钮后添加的内容，红色部分是我要获取的元素

Answer 1

当然，您可以获得 HTML 的任何部分。

例如，您可以使用 querySelectorAll 和 DOM attributes 属性.

javascript:(function(){
    var v = document
                    .getElementById('view_shade')
                    .querySelectorAll('[data-guid]')[0]
                    .attributes["data-guid"]
                    .value;
    alert(v);
})();

<table border="1">
    <thead></thead>
    <tbody></tbody>
        <tr id="view_shade">
            <td data-guid="BCC-RED">one</td>
            <td>two</td>
        </tr>
</table>

根据您当前问题的内容，我认为您不需要 AJAX 来解决这个特定问题。

但是在某些情况下通过小书签创建 AJAX 也是可行的，但是，这可能是一个单独的问题并且可能取决于 URL、一些服务器问题（例如 CORS 等）和等等。

AJAX 的一些基础知识：How to make an AJAX call without jQuery?

使用 JavaScript 小书签获取 Ajax HTML 元素

Get Ajax HTML element by using JavaScript bookmarklet

html

javascript

bookmarklet