このようなHTMLのコードがあったとして、JavaScriptを使って数値の入ったcountという変

このようなHTMLのコードがあったとして、JavaScriptを使って数値の入ったcountという変数を作り、spanタグで囲んでいます。
この時、spanタグの中のcount変数を取得する方法はありますか？

<div class=“test”>
<p>xxxxxxxx</p>
<span id=“testID”>count<span>
</div>

質問者からの補足コメント

• countを取得というのは、取得したのちその数値に変更を加えたいということです。
  例えばcountを取得し、中に入っていた2という数値に1を加える。（count+1）
  そして画面上に3を表示したい、というのがやりたいことです。

    補足日時：2021/07/27 09:33

No.3 ベストアンサー 回答者： Ogre7077 回答日時： 2021/07/27 10:02

変数を span で囲む、というのが

DOM 操作で実現しているならば
var count = 42;
var span = document.getElementById('testID');
span.textContent = count;

取得する方法は
var n = parseInt(span.textContent, 10);

なにかしらの JS ライブラリで実現しているならば
例) vue.js を使って変数を埋め込み
<section id=app>
<span>{{count}}</span>
</section>

取得する方法はライブラリの説明書を調べましょう
Vue.createApp({
_ data() {
_ _ return { count: 42 };
_ },
_ methods: {
_ _ display() { alert(this.count); } // method の中で取得可能
_ },
}).mount("#app");

No.2 回答者： yambejp 回答日時： 2021/07/27 09:53

こういうこと？

<div class="test">
<p>xxxxxxxx</p>
<span id="testID">2<span>
</div>
<script>
testID.textContent=Number(testID.textContent)+1;
</script>

No.1 回答者： yambejp 回答日時： 2021/07/26 19:53

> spanタグの中のcount変数を取得

ちょっと意味がわかりません
countは「count」という文字ではなく1とか2とか数値でその
数値を拾えばよいということですか？

testId.textContent
とか・・・