附录如何使用用户脚本按类名从(动态)div中提取文本?

class="gwt-Label" 在HTML中,强烈暗示页面由 Google Web Toolkit --这意味着页面是AJAX驱动的,静态技术,就像其他一些答案一样,将无法工作。

使用AJAX感知技术,如 waitForKeyElements() . 这里有一个 完整的脚本 将打印 gwt-Label 浏览器控制台的值。( Ctrl键 转移 我 打开所述控制台。):

// ==UserScript==
// @name     _Print gwt-Label text
// @match    *://YOUR_SERVER.COM/YOUR_PATH/*
// @match    https://stacksnippets.net/js*
// @require  https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// ==/UserScript==
//- The @grant directive is needed to restore the proper sandbox.

waitForKeyElements (".gwt-Label", printNodeText);

function printNodeText (jNode) {
    console.log ("gwt-Label value: ", jNode.text ().trim () );
}

如果有多个标签,这将打印每个标签。

注意,waitForKeyElements使用jQuery选择器。

你 can测试 通过使用Greasemonkey、Tampermonkey、Violentmonkey或类似工具安装上述脚本,然后运行以下代码段:

var lblbNum = 0;
function addLableLine () {
    lblbNum++;
    $("body").append(`<div class="gwt-Label">New label: ${lblbNum}</div>`);
}
setInterval (addLableLine, 1333);  // New line every 1.3 seconds.

.gwt-Label {display: inline-block;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="gwt-Label">2083236893</div>

然后您将看到:

gwt-Label value:  2083236893
gwt-Label value:  New label: 1
gwt-Label value:  New label: 2
etc...

在浏览器控制台中。

如果您希望使用。jQuery中的text(),这可能更简单!

查看此链接: http://api.jquery.com/text/

这将选择您的文本:

$(window).load(function(){
    $(".gwt-Label").text();
});