Javascript 将HTML文本设置为JS变量_Javascript_Html_Variables_Text_Tags

Javascript 将HTML文本设置为JS变量

javascript html variables text tags

Javascript 将HTML文本设置为JS变量,javascript,html,variables,text,tags,Javascript,Html,Variables,Text,Tags,我想从html标记中获取文本并将其保存在js变量中。我看到的是： JavaScript: function Myfunction(){ var x; //Fist num here var y; //second num here var z=x+y; alert(z); } HTML: 2 3 我正在使用计算器，希望从“屏幕”中获取值并将其保存到变量中，以便进行数学运算。在calc程序中，每个数字的分隔方式如下： <samp id="numb1">Any Num

我想从html标记中获取文本并将其保存在js变量中。我看到的是：

JavaScript:

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

HTML:

2
3

我正在使用计算器，希望从“屏幕”中获取值并将其保存到变量中，以便进行数学运算。在calc程序中，每个数字的分隔方式如下：

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

任意数字（+、-、*、/）任意数字转换器在此处打印

答案保存到变量后，numb1、op和numb2将被清除并打印答案。

var x=document.getElementById（'numb1'）.innerHTML；
var y=document.getElementById（'numb2'）.innerHTML；
document.getElementById（'answer'）.innerHTML=parseInt（x，10）+parseInt（y，10）
2
(+,-,*,/)
3.
您可以访问节点内容并按如下方式存储变量：
var vAnswer = document.getElementById("answer").innerHTML;

使用jquery，您可以获得如下所示的值

var x=$（'#numb1'）.text（）；
变量y=$（'#numb2'）.text（）；
var z=parseInt（x，10）+parseInt（y，10）；
$（“#答案”）.text（'Total:'+z）

2.
(+,-,*,/)
3.
您希望它成为表单吗？你可能会想要这样的东西：
<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>


函数计算（）{
var leftInput=document.getElementById（“左”），
left=parseInt（leftInput.value，10），
operatorSelect=document.getElementById（“运算符”），
operator=operatorSelect.options[operatorSelect.selectedIndex].value，
rightInput=document.getElementById（“右”），
right=parseInt（rightInput.value，10），
表达式=左+运算符+右，
resultSpan=document.getElementById（“结果”）；
resultSpan.innerHTML=eval（表达式）；
leftInput.value=''；
rightInput.value=''；
}
+
-
*
/
samp
标记用于实现更丰富的文本效果。如果你想从“屏幕”中获取值，你需要获取input
标记。你可以使用document.getElementById（'numb1'）.innerHTML
或document.getElementById（'numb1'）.textContent
来检索string
类型的值，因此，在使用parseInt
@Rakesh_Kumar添加convert to number type之前，非常感谢您给了我完整的答案！现在可以用了，谢谢，这正是我要找的！现在我得到了“[object HtmleElement]作为答案？很抱歉，可能是输入错误：Elment->Element！？”和.innerHTML！…它应该包含@id=“answer”标记的内容（一个字符串）
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);
}

<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>