홈>2020-03-19 13:34

JavaScript 변수를 HTML div에 '출력'하는 방법

JavaScript 변수가 있고 HTML div가 7을 출력하기를 원합니다.

단순하다는 것을 알고 있지만이 문제를 해결하지 못하는 것 같습니다.

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            var ball = 3+4;
        </script>
    </head>
    <body>
        <div>Have 7 output here</div>
    </body>
</html>

javascripthtml

답변 # 1

작업 코드는 여기

body 에서 스크립트 작성 .

코드

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <div>Have 7 output here</div>
        <script type="text/javascript">
            var ball = 3+4;
            document.getElementsByTagName('div')[0].innerHTML = ball;
        </script>
    </body>
</html>

답변 # 2

다음과 같이 div에 특정 ID를 부여하십시오 :

<div id="data"></div>

이제 다음 JavaScript 코드를 사용하십시오.

<script type="text/javascript">
    var ball = 3+4;
    document.getElementById("data").innerHTML=ball;
</script>

답변 # 3

다음을 시도하십시오 :

<head>
    <script type="text/javascript">
        var ball = 3+4;
        function op()
        {
            document.getElementById('division').innerHTML=ball;
        }
    </script>
</head>
<body onload="op();">
    <div id="division">Have 7 output here</div>
</body>

답변 # 4

피들 HTML

<html>
    <body>
        <div id="add_results_7"></div>
    </body>
</html>

자바 스크립트

<script>
    var ball = 3+4;
    document.getElementById('add_results_7').innerHTML=ball; // Gives you 7 as your answer
</script>

답변 # 5
다음을 시도하십시오 :
```
<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript">
      onload = function () {
        var ball = 3 + 4;
        var div = document.getElementsByTagName("div")[0];
        div.innerHTML = ball;
      };
    </script>
  </head>
  <body>
    <div>Have 7 output here</div>
  </body>
</html>
```
onload 페이지가 완전히로드되면 실행되므로 DIV를 조작 할 수 있습니다. 와이즈 비즈 페이지의 모든 DIV 목록을 반환하고 첫 번째 항목 ( getElementsByTagName("div") )을 얻습니다. ) 코드에 하나의 DIV 만 있기 때문에

마침내, 나는 [0] 를 추측 설명이 필요 없습니다 :-)
innerHTML

Python2.net

JavaScript 변수를 HTML div에 '출력'하는 방법

관련 자료