javascript-来自HTML类的变量？_Javascript_Html

javascript-来自HTML类的变量？

javascript html

javascript-来自HTML类的变量？,javascript,html,Javascript,Html,我正在使用一些HTML和JavaScript代码。在html中有一行： <b>Project ID: <span class="project_id"></span></b> 有什么想法或者这可能吗？您可以使用jQuery，它可以使您的应用程序更简单： var pID = $(".project_id").first().text(); 确保包含jQuery:基本JS: var pID = document.getElementsByClass

我正在使用一些HTML和JavaScript代码。在html中有一行：

<b>Project ID: <span class="project_id"></span></b>

有什么想法或者这可能吗？

您可以使用jQuery，它可以使您的应用程序更简单：

var pID = $(".project_id").first().text();

确保包含jQuery:

基本JS:

var pID = document.getElementsByClassName("project_id")[0].innerHTML;

或者在jQuery中：

var pID = $('.project_id').text();

如果页面上有多个元素具有class project\u id，您可能需要使用更具体的选择器。

我建议您使用id而不是class，然后您可以执行以下操作：

var value = document.getElementById('project_id').innerHTML; // native JS
var value = $('#project_id').html(); // or jQuery variant

ID选择器是选择元素的最快方法。似乎只有一个点需要它，因此唯一ID比类更有意义。

如果您想获取该元素的值，并且该元素是唯一的，请在其上放置ID，然后创建它之后，在JS中，只需键入以下内容：

var id=document.getElementById'project_id'。innerHTML

这样就可以了

此外，还可以使用jquery简化javascript。 $project_id.text；-身份证 $.project_id.text；-上课

但是请记住，如果有更多的元素具有相同的类，那么以这种方式引用它是不明智的。

首先，让我们改进您的HTML：

<strong>Project ID: <span id="project_id"></span></strong>

或者使用jQuery（如果可用）：

var pID = $("#project_id").text();

祝你今天愉快

Alberto

您可以通过不同的方式来实现这一点，我使用了javascript querySelector方法来访问其内容。。请看这里的代码

<html>
<body onload>
<b>Project ID: <span class="project_id">P102</span></b>
<script>
    var pID=document.querySelector('span[class]').innerHTML;
</script>
</body>
</html>

它是按类的，不是编辑前注释的。好啊

var pID = $("#project_id").text();

<html>
<body onload>
<b>Project ID: <span class="project_id">P102</span></b>
<script>
    var pID=document.querySelector('span[class]').innerHTML;
</script>
</body>
</html>