js之获取html标签的值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<div>
    <input id=‘user‘ type=‘text‘  />
    //绑定getData函数
    <input   type="button"  value="提交" onclick="getData();"/>
    <div id="i1">helloworld</div>

</div>

</body>

<script>
    function getData() {
        //获取输入框的文本
        var i=document.getElementById(‘user‘);
        alert(i.value);
        console.log(i.value)

    }

    //获取div的文本内容
    var tag=document.getElementById(‘i1‘)
    var content=tag.innerText

        console.log(content)

</script>
</html>

  

原文地址:https://www.cnblogs.com/randomlee/p/9716409.html

时间: 2024-11-03 05:42:47

js之获取html标签的值的相关文章

JS中获取数据库中的值

在本次项目中,遇到很多问题,经过努力,都逐步得到解决.静下心来,做一个记录,以供以后学习. 在项目中遇到一个问题,需要在JS中读取数据库中的值,然后再把值返回到页面中,解决方案如下:使用Ajax方法来实现,需要用到ajax.dll(一个ajax技术开发的帮助类库). 实施过程如下: 1.引用Ajax.dll 2.在App_Code写具体的方法,最好单独建立一个类文件,然后写具体方法. public class AjaxMethod www.2cto.com { public AjaxMethod

js中获取css样式属性值

关于js中style,currentStyle和getComputedStyle几个注意的地方 (1)用js的style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的. (2)currentStyle可以弥补style的不足(可获取内联样式,内部样式和外部样式),但是只适用于IE. (3)getComputedStyle同currentStyle作用相同,但是适用于FF.opera.safari.chrome. 注意: ① currentStyle和getComputedS

小例子-使用JS/JQ获取a标签的href网址

最初的想法只是想要添加一个点击事件就可以跳到设定的窗口. 本身就是把window.location.href = href添加进事件里面就可以解决了.后面自己把自己搞糊涂了. 这里主要是说使用JS和JQ获取a标签的href网址,使用比较简单,基本就是拿来用就可以了. 先看看html部分的代码 <div> <a id="demo" href="https://www.baidu.com"></a> </div> <

js/jquery获取文本框的值与改变文本框的值

我们就用它来学习获取文本框的值及改变文本框的值. 代码如下 复制代码 <script>function get1(){ document.getElementById("txtbox2").value=document.getElementById("txtbox").value; //获取文本框1的值,并赋值给文本框2}</script> <table width="500" border="0"

js解析xml,获取XMl标签属性值

<script type="text/javascript"> var xml="<?xml version=\"1.0\" encoding=\"UTF-8\"?>" +"<RecordInfo camId=\"1000000$1$0$0\" count=\"12\" />"; $(function(){ //加载xmlDoc v

js点击标签时获取当前标签属性值

document.body.onclick=function(){ var obj = document.elementFromPoint(event.clientX,event.clientY); //其中的 obj.tagName=="A" 表示获取当前的标签是a标签 if (obj.tagName=="A" && obj.text!=undefined && obj.text!="") { alert(obj

jQuery中获取a标签的值

如题,一组相同action的a标签,不同的是a标签的内容为搜索内容.点击页面显示不同的数据 刚开始试过在 a标签中添加 value值 和id 的值,结果在jQuery中获取值均失败! 后来发现,根本不用那么复杂,可以直接获得a标签的html()内容或文本内容text() /** * 点击最新.热销点卡榜单显示点卡信息 */$(".rankings").click(function () { var info=$(this).html(); num=1;//这个不加跟页码有冲突 getP

JS实时获取输入框中的值

实时获取input输入框中的值需要oninput和onpropertychange属性来实现.原因是onpropertychange属性为IE专属,而oninput属性支持大部分浏览器包括IE9及以上的版本. oninput与onpropertychange失效的情况: oninput事件:1. 在脚本中改变value时,不会触发:2.从浏览器的自动下拉提示中选取时,不会触发. 例如: var testinput = document.createElement('input'); if('on

jQuery获取相邻标签的值

<!-- Mazey's jQuery --><script language="javascript" type="text/javascript" src="http://www.mazey.cn/js/plugin/jquery/jquery-2.1.1.min.js"></script><div><p id="1" onclick="findNext(th