如何从特定元素中获取价值？

Question

我需要获取值，当单击具有id=“username”但不起作用的特定链接时。。。

我的尝试：

function rev() {
    var username = (this).getElementById("username").textContent;
    return alert (username);
}

while($trackResultRow = mysqli_fetch_assoc($trackResult)){?>

    <a onclick="rev()"><span class="glyphicon glyphicon-thumbs-down pull-right"></span></a>
    <span class="glyphicon glyphicon-thumbs-up pull-right"></span>
    <li>
        <a href="<?php echo $trackResultRow['track_path']?>"><span id="username"><?php echo $trackResultRow['username']?></span> - <span id="track"><?php echo $trackResultRow['track_name']?></span>

            <span class="glyphicon glyphicon-download pull-right"></span>
            <div class="pull-right">
                <span class="glyphicon glyphicon-pause pull-right" onclick="document.getElementById('aud').pause()"></span>
                <span class="glyphicon glyphicon-play pull-right" onclick="document.getElementById('aud').play()"></span>
            </div>
        </a>
    </li>
    <hr>
<?php
    }
?>

我也试过

function rev() {
   var username = document.getElementById(value).textContent;

   return alert (username);
}


 <button id="but" onclick="rev()">hey</button>
 <button id="but" onclick="rev()">hey233</button>

有什么想法吗？

Answer 1

你可以做两件事，

1） 为$trackResultRow['username']找到的每个元素分配不同的ID，方法是为每个ID添加一个递增变量，如username_1、username_2，然后为每个ID添加getElementById，并将其放入for循环。

2） 分配一个类，而不是ID和getElementsByClass，并遍历结果，然后使用下面的方法获取值：如何使用javascript按类名获取值

getElementsById（）只会提供第一个元素。

Answer 2

用于从html获取值。

var value = document.getElementById('id').value;

如果您想获取存储在PHP代码中的变量中的特定值。

<input type = "text" id = "id" name = "var_PHP" value = "<?php echo $var_php;?>">

Answer 3

若要将页面上的某个元素作为目标，请使用document。getElementById

document.getElementById("username").textContent;