>

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>


  • 답변 # 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

관련 자료

  • 이전 셀레늄 (python)으로 웹 요소 목록을 반복하여 속성을 검색하면 StaleElementReferenceException이 발생합니다
  • 다음 python - 두 목록과 발생 횟수 비교