將HTML文本設置爲JS變量

我想從html標記中獲取文本並將其保存在js變量中。我所看到的是這樣的：將HTML文本設置爲JS變量

的JavaScript：

function Myfunction(){ 
    var x; //Fist num here 
    var y; //second num here 
    var z=x+y; 
    alert(z); 
}

HTML：

<p id="num1">2</p> 
<p id="num2">3</p>

我工作的一個計算器，並希望從「屏」採用的值，並將其保存到一個變量，做數學。每個數被分離像這樣在計算程序：

<samp id="numb1">Any Number</samp><samp id="op">(+,-,*,/)</samp><samp id="numb2">Any Number</samp><samp id="answer">Answer prints here</samp>

一旦答案被保存到一個變量，所述numb1，同前，和numb2被清除並且被打印的答案。

來源

2015-04-17 Joseph Lyle

'samp'標記用於實現更豐富的文字效果。如果你想**從「屏幕」**的值，你需要採取'輸入'標籤..說你可以使用'document.getElementById（'numb1'）。innerHTML'或'文檔。 getElementById（'numb1'）。textContent'來檢索將是'string'類型的值，所以在使用'parseInt'將轉換添加到數字類型之前 –

@Rakesh_Kumar非常感謝您給了我完整的答案！它現在有效 –

您可以訪問節點內容和存儲這樣的變量：

var vAnswer = document.getElementById("answer").innerHTML;

來源

2015-04-17 03:55:43 xerx593

謝謝塔正是我正在尋找！ –

現在我得到了「[object HTMLelement]」作爲答案？ –

抱歉也許是錯字：Elment - > Element！ – xerx593

var x = document.getElementById('numb1').innerHTML; 
 
var y = document.getElementById('numb2').innerHTML; 
 
document.getElementById('answer').innerHTML = parseInt(x,10) + parseInt(y,10);

<samp id="numb1">2</samp> 
 
<samp id="op">(+,-,*,/)</samp> 
 
<samp id="numb2">3</samp> 
 
<samp id="answer"></samp>

來源

2015-04-17 03:54:08 Vim

使用jQuery，你可以得到的值，如下圖所示，

var x = $('#numb1').text(); 
 
var y = $('#numb2').text(); 
 
var z =parseInt(x,10) +parseInt(y,10); 
 
$('#answer').text('Total:'+z)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<samp id="numb1">2</samp> 
 
<samp id="op">(+,-,*,/)</samp> 
 
<samp id="numb2">3</samp> 
 
<samp id="answer"></samp>

單獨使用javascript，使用var x = document.getElementById（'numb1'）。innerHTML;

來源

2015-04-17 03:59:07 Vim

function myFunction(){ 
    var x; //Fist num here 
var y; //second num here 
    x = $("#num1").text(); 
    y = $("#num2").text(); 
    alert(x); 
    alert(y); 
var z=parseInt(x,10)+parseInt(y,10); 
alert(z); 
}

來源

2015-04-17 03:59:33

你想讓它成爲一種形式嗎？你可能會想要這樣的東西：

<html> 
    <head> 
     <script> 
      function calc() { 
       var leftInput = document.getElementById("left"), 
        left = parseInt(leftInput.value, 10), 
        operatorSelect = document.getElementById("operator"), 
        operator = operatorSelect.options[operatorSelect.selectedIndex].value, 
        rightInput = document.getElementById("right"), 
        right = parseInt(rightInput.value, 10), 
        expression = left + operator + right, 
        resultSpan = document.getElementById("result"); 
       resultSpan.innerHTML = eval(expression); 
       leftInput.value = ''; 
       rightInput.value = ''; 
      } 
     </script> 
    </head> 
    <body> 
     <form> 
      <input type="text" id="left"> 
      <select id="operator"> 
       <option value="+">+</option> 
       <option value="-">-</option> 
       <option value="*">*</option> 
       <option value="/">/</option> 
      </select> 
      <input type="text" id="right"> 
      <input type="button" onclick="calc()" value="="> 
      <span id="result"></span> 
     </form> 
    </body> 
</html>

來源

2015-04-17 04:05:34 Luke

將HTML文本設置爲JS變量

回答

相關問題