Get value of Span Text

后端未结

关注

 5  1109

萌比男神i

I have a span with class=\"span\" and a hidden field class=\"dropdown\".

The span text changes, and I need to grab the text an

相关标签:

5条回答

刺人心

2020-12-05 02:08

You need to change your code as below:

<html>
<body>

<span id="span_Id">Click the button to display the content.</span>

<button onclick="displayDate()">Click Me</button>

<script>
function displayDate() {
   var span_Text = document.getElementById("span_Id").innerText;
   alert (span_Text);
}
</script>
</body>
</html>

0 讨论(0)

一整个雨季

2020-12-05 02:11

Judging by your other post: How to Get the inner text of a span in PHP. You're quite new to web programming, and need to learn about the differences between code on the client (JavaScript) and code on the server (PHP).

As for the correct approach to grabbing the span text from the client I recommend Johns answer.

These are a good place to get started.

JavaScript: https://stackoverflow.com/questions/11246/best-resources-to-learn-javascript

PHP: https://stackoverflow.com/questions/772349/what-is-a-good-online-tutorial-for-php

Also I recommend using jQuery (Once you've got some JavaScript practice) it will eliminate most of the cross-browser compatability issues that you're going to have. But don't use it as a crutch to learn on, it's good to understand JavaScript too. http://jquery.com/

0 讨论(0)
发布评论:

提交评论
- 加载中...

Happy的楠姐

2020-12-05 02:13

<script type="text/javascript">
document.getElementById('button1').onChange = function () {
    document.getElementById('hidden_field_id').value = document.getElementById('span_id').innerHTML;
}
</script>

0 讨论(0)

日久生厌

2020-12-05 02:15

The accepted answer is close... but no cigar!

Use textContent instead of innerHTML if you strictly want a string to be returned to you.

innerHTML can have the side effect of giving you a node element if there's other dom elements in there. textContent will guard against this possibility.

0 讨论(0)
发布评论:

提交评论
- 加载中...

忘掉有多难

2020-12-05 02:32

var span_Text = document.getElementById("span_Id").innerText;

console.log(span_Text)

<span id="span_Id">I am the Text </span>

0 讨论(0)