<button id="btn4">获取4</button>

//第一种方式，在button标签添加onclick事件，点击按钮触发函数获取button中的value值

<button id="btn" οnclick="getdata();">获取</button>
function getdata(){
var str=document.getElementById("iupt");
alert(str.value);
}

//第二种方法：先通过id用getElementById获取到button元素，直接在其后添加onclick点击事件，再在其后定义函数，在函数中写入函数体

<button id="btn1">获取1</button>
document.getElementById("btn1").οnclick=function getdata(){
var str=document.getElementById("btn1");
alert(str.value);
}

//第三种方式：先通过id用getElementById获取到button元素，直接用onclick调用已经定义好的函数

<input type="text" id="iupt" name="ussername"  value=“1”/>

<button id="btn1">获取2</button>

function getdata(){

var str = document.getElementById("iupt");

alert(str.value);

}
document.getElementById("btn2").οnclick=getdata;

//第四种方式：先通过id用getElementById获取到button元素，在其后添加一个事件，调用定义好的方法

//addEventListener("触发方式"，"所要触发的方法");

<button id="btn3">获取3</button>

document.getElementById("btn3").addEventListener("click",getdata);

//第五种方式：先用getElementById获取到按钮ID，在其后添加一个事件,在事件中直接定义方法，写入方法体（常用）

document.getElementById("btn4").addEventListener("click",function getdata(){
var str=document.getElementById("iupt");
alert(str.value);
————————————————

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

原文链接：https://blog.csdn.net/qq_36930221/article/details/79872083

<div id="test" value ="yes" > </div> 通过 JS 直接得到div的 value 属性是得不到的,输出为undefined 这是因为div没有 value 属性 所以这样是得不到的 要用t1.getAttribute(" value "); 第二种：多个d... <script> let btn1 = document.querySelectorAll('input');// 获取 input标签 console.log(btn1);//查看是否 获取 标签 for (let i = 0; i < btn1.length; i++) &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;HTML&gt; &lt;HEAD&gt;&lt;TITLE&gt; js 按键记录&lt;/TITLE&gt; &lt;META NAME="Generator" CONTENT="EditPlus"& 1.想要 获取 用户的内容 什么时候 获取 ？ 用户输入内容后? 还是 满足触发事件后 ..比如:点击 Button 按钮 获取 2. 如何在点击 button 后 获取 input标签text 的内容 3. 计算Number数据 需要转换 input 的 值 （是string） 转换方式 parseFloat(),-0,parseInt (不能算小数) 4. 判断 select 用户选择了 哪个 值 （判断语句不讲了，）