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

时间:2017-04-19 16:55:24

标签: javascript php

我需要获取价值,点击具有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>

有什么想法吗?

4 个答案:

答案 0 :(得分:1)

如果您想在页面上定位元素,请使用document.getElementById

document.getElementById("username").textContent;

答案 1 :(得分:0)

使用此功能从html中获取值。

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

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

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

答案 2 :(得分:0)

你可以做两件事,

1)为$ trackResultRow [&#39; username&#39;]找到的每个元素分配不同的ID,方法是在for循环中添加一个递增变量,如username_1,username_2,然后是getElementById。

2)分配一个Class而不是ID和getElementsByClass并遍历结果并通过使用它来获取值 how to get value by class name using javascript

getElementsById()只会给你第一个元素。

答案 3 :(得分:0)

属性标签中的id html必须不同。试试这个

&#13;
&#13;
<!DOCTYPE html>
<html>
<body>


<button id="items" onclick="myFunction(this.id)">Try it</button>
<button id="item" onclick="myFunction(this.id)">Try it again</button>

<p id="demo"></p>
<script>
function myFunction(id) {
    var x = document.getElementById(id).textContent;
    document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
&#13;
&#13;
&#13;