相关疑难解决方法(0)

带有id的DOM树元素是否成为全局变量?

研究一个简单的HTMLElement包装器的想法我偶然发现了Internet Explorer和Chrome的以下内容:

对于DOM树中具有ID的给定HTMLElement,可以使用其ID作为变量名来检索div.所以对于一个喜欢的div

<div id="example">some text</div>
Run Code Online (Sandbox Code Playgroud)

Internet Explorer 8和Chrome中,您可以执行以下操作:

alert(example.innerHTML); //=> 'some text'
Run Code Online (Sandbox Code Playgroud)

要么

alert(window['example'].innerHTML); //=> 'some text'
Run Code Online (Sandbox Code Playgroud)

那么,这是否意味着DOM树中的每个元素都转换为全局命名空间中的变量?它是否也意味着可以使用它作为getElementById这些浏览器中方法的替代品?

javascript dom global-variables identifier getelementbyid

341
推荐指数
5
解决办法
4万
查看次数

将HTML输入值作为JavaScript函数参数传递

我是JavaScript的新手,我正在试图弄清楚如何将用户输入的值作为参数传递给JavaScript函数.这是我的代码:

<body>
<h1>Adding 'a' and 'b'</h1>
<form>
  a: <input type="number" name="a" id="a"><br>
  b: <input type="number" name="b" id="a"><br>
  <button onclick="add(a,b)">Add</button>
</form>
<script>
  function add(a,b) {
    var sum = a + b;
    alert(sum);
  }
</script>
</body>
Run Code Online (Sandbox Code Playgroud)

html javascript

7
推荐指数
3
解决办法
12万
查看次数

如何使用javascript按类名获取价值

对不起,这是基本的,但我试图在谷歌搜索仍然没有取得成功.

我希望得到这个的价值

<input type='hidden' class='hid_id' value='1' />
Run Code Online (Sandbox Code Playgroud)

使用Javascript我想要警报值1

我试着这个

var id = document.getElementsByClassName("hid_id");
alert (id);
Run Code Online (Sandbox Code Playgroud)

但它很警觉 [object HTMLInputElement]

请帮帮我吧.

javascript

7
推荐指数
2
解决办法
7万
查看次数

在警报中使用 getElementById

这是我的代码:

<form method="GET">
<input type="text" class="form" name="name" placeholder="Enter your name!" id="name">
<input type="submit" onclick="return clicked();" value="I'm ready!">
</form>
<script>
function clicked() {
 return confirm('Hiya,');
}
var email = document.getElementById('name').value;
</script>
Run Code Online (Sandbox Code Playgroud)

我进行了搜索,但找不到任何与我的问题相匹配的主题。在当前仅显示“Hiya”的返回确认中,我希望它还包含用户在文本输入中输入的名称。

如有帮助,将不胜感激。

javascript

5
推荐指数
1
解决办法
2万
查看次数

为什么我可以选择使用 nodeValue insted 的值?

我正在编写一个 html 页面,该页面获取姓名、地址和电话号码以进行验证。当 javascript 函数尝试获取输入中值的长度时,我收到此错误:“未捕获的类型错误:无法读取 null 的属性‘长度’”

我不知道 nodeValue 是什么意思,但我只想获取输入中的值。

这是javascript中给我错误的代码部分:

function Validate(nameInput, lastNameInput, addressInput, phoneInput)
{

var errorSpan = document.getElementById("errorSpan");
var okSpan = document.getElementById("okSpan");

var nameErrSpan = document.getElementById("nameErrSpan");
var lastNameErrSpan = document.getElementById("lastNameErrSpan");
var addressErrSpan = document.getElementById("addressErrSpan");
var phoneErrSpan = document.getElementById("phoneErrSpan");

var nameLength = nameInput.nodeValue.length;
var lNameLength = lastNameInput.nodeValue.length;
var addressLength = addressIput.nodeValue.length;
var phoneLength = phoneInput.nodeValue.length;
Run Code Online (Sandbox Code Playgroud)

我需要改变什么才能获得输入中的值并测量它们?

这是我的 html 代码:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Validation Form</title>
</head>
<body>

<div>
    <span>First name:</span><br />
    <input type="text" id="firstName" /> <span id="nameErrSpan" …
Run Code Online (Sandbox Code Playgroud)

html javascript validation nodevalue

5
推荐指数
1
解决办法
8489
查看次数

如何从javascript表单获取用户输入?

所以我的问题很简单。

如何从表单中获取用户输入并将其放入变量中?

我正在努力完成这项简单的任务,并希望得到一些帮助。

这是我的代码:

html:

<body>
        <form>
            <input type="text" id="input_id" value="">
            <input type="submit" value="Submit">
            <div id="alert" style="color: red"></div>
        </form>
    </body>
Run Code Online (Sandbox Code Playgroud)

Javascript

    var a = document.getElementById('input_id').value;

function wawa() {
    return a;
}
document.getElementById('alert').innerHTML = "user entered this value: " + " " + a;
Run Code Online (Sandbox Code Playgroud)

我想用 vanilla JS 而没有库来做到这一点。

谢谢。

html javascript

5
推荐指数
1
解决办法
3万
查看次数

从HTML表单获取文本并传递给JavaScript函数

我正在学习HTML/JavaScript,我正在编写一个简单的网站来测试我到目前为止学到的东西.我试图从输入表单中获取用户输入的名字和姓氏,然后将这些名称传递给JavaScript函数,但出于某种原因,我在弹出窗口中看到的只有:

您好[对象HTMLInputElement]

这是我的HTML代码:

    <!DOCTYPE html>
    <html>
    <head>
        <title>Daynesh's Test Site</title>
    <script>
        function addUser(first, last)
        {
        alert("Hello " + first);
        }
    </script>
    </head> 
    <body>
    <h1>Registered Users</h1>
    <p>Enter user name:</p>
    <form>First name: <input type="text" name="firstname">
      Last name: <input type="text" name="lastname">
        <input type="submit" value="Submit" onclick="addUser(firstname,'right')">
    </form>
    <hr>
    <h3>Output</h3>
    </body>
    </html>
Run Code Online (Sandbox Code Playgroud)

有人可以解释一下我做错了什么吗?我确信它非常简单,我不会在这里理解.

提前致谢!

html javascript

1
推荐指数
1
解决办法
3万
查看次数