正则表达式匹配html标签，获取标签内容

假设我们要获取下面html标签中的内容：

第一段是获取 <p></p> 标签内部的数据，第二个是获取 <p><span></span></p> 标签中的数据，其中span标签中有style属性值。

使用过正则表达式的同学肯定知道，上面两种情况其实都是一种情况，我们要获取的是 尖括号括起来的一对标签 中间的数据，起始标签形如<x>，结束标签形如</x>，这里的x表示的html标签。

此外，我们还需要考虑起始标签中包含style的数据，另外特殊的 <br/> 标签，对实际获取数据无意义，也需要过滤掉。

通过上面的分析，我们可以如下正则表达式：

在使用正则表达式处理之前，我们先对数据进行预处理，比如style和

标签：

针对多个标签嵌套的情况进行处理，比如 <p><span style="white-space: normal;">王者荣耀</span></p> ，在经过预处理和正则匹配的后结果是 <span>王者荣耀 ，需要手工移除掉前面的起始标签，对应的方法如下：

测试方法如下：

output:

首先，我需要可以通过tagName获取所有的按钮，对你的按钮添加监听事件；

代码如下：

html：

<div id="butDIv">

<button id="1">121</button>

<button id="2">22</button>

<button id="3">222</button>

<button id="4">2222</button>

</div>

js代码：

var tempDiv=documentgetElementById('butDIv');

var teBut=tempDivgetElementsByTagName('button');

for(var i=0;i<teButlength;i++){

teBut[i]onclick=function(){

consolelog(thisid);

}

}

1JS方法：

<script>windowonload=function(){

var va = documentgetElementById("d1")childNodes;

for(var i=0;i<valength;i++){

if(va[i]nodeNametoLocaleUpperCase() == "A"){

alert("JS: "+va[i]attributes["linkId"]nodeValue);

}

}

};

</script>

2 Jquery方法：

<script src="jquery-191minjs" type="text/javascript"></script>

<script>

$(document)ready(function(){

$("#d1 a")each(function(){

alert("Jquery: "+$(this)attr("linkId"));

});

});

</script>

JS 获取HTML标签内的子节点的方法

子节点的个数：

documentgetElementById("id")childNodeslength  

注意： 标签开/闭合算2个节点 第几个子几点：

documentgetElementById("id")childNodes[n]  

示例：

这里是 length-4 处，margin-left：20px

输出：length=8

实例：

<div id="page_kx" style="text-align: center;" class="tac">    <span class="fy2">1</span>  <a href="#">2</a>  <a href="#">3</a>  <a href="#">4</a>  <a href="#">5</a>  <a href="#">下一页</a>  <a href="#">末页</a>  </div>    <script>  var gor=documentgetElementById("page_kx");  var gorL=Number(gorchildNodeslength)-4;  gorchildNodes[gorL]stylemargin="0 0 0 20px";  </script>  

javascript获取表单中的值？

如获取form 表单下<input type='text' name='filename'>中的值

两种方法：

1、documentgetElementById("filename")value

2、documentformfilenamevalue

lotus的表单中，通过JavaScript获取表单中的指定域值？

js:documentforms[0]xxvalue就可以了

xx为表单中的域的名称！

如何用js获取表单中的值

给表单中的元素设定id属性，js：

var value = documentgetElementById("你的元素的id")value;

php如何获取表单中textarea的值？

<form action="dophp" method="post">

<input type=textarea name=intext/>

<input type=submit value="submit"/>

</form>

dophp

<php

$intext = $_POST['intext'];

怎样获取form表单中input的值

给input新增 id 例如 <input id="myInput" value="" type=text/>

var aa = documentgetElementById("myInput")val();或者用jquery $("#myInput")val();

ExtJS中怎样获取Form表单中的每一项的值

ExtJS中有事需要获得Form表单的值，根据API可知 getValues() 可以获得单签Form表单中所有 Name 值的一个物件。

片段程式码如下：

var formValues=formpanelgetForm()getValues(); 获取表单中的所有Name键/值对物件

alert(formValues["firstname"]); 输出表单中 firstname 栏位的值

consolelog(formValues); 输出结果是表单中的所有Name键/值对的一个物件

整体程式码如下：

/

Created with JetBrains PhpStorm

User: std

Date: 13-6-9

Time: 上午10:55

To change this template use File | Settings | File Templates

/

ExtonReady(function(){

var formpanel=Extcreate("ExtformPanel",{

title:"Dynamic Form",

draggable:true,

frame:true,

width:330,

height:255,

autoHeight:true,

bodyPadding:"7 5 7 5",

items:[{

xtype:"fieldset",

frame:true,

title:"Contact Information",

defaultType: 'textfield',

defaults:{xtype:"textfield",labelWidth:80,labelAlign:"right",width:280},

items:[{

fieldLabel:"First Name",emptyText:"First Name",name:"firstname"

},{

fieldLabel:"Last Name",emptyText:"Last Name",name:"lastname"

},{

fieldLabel:"Company",emptyText:"Company",name:"pany"

},{

fieldLabel:"Email",emptyText:"Email",name:"email"

},{

fieldLabel:"State",xtype:"bobox",emptyText:"请选择",name:"state"

},{

fieldLabel:"Date of Birth",xtype:"datefield",emptyText:"请选择日期",name:"dateofbirth"

}]

}],

buttons:[

{text:"确定",handler:function(){

var formValues=formpanelgetForm()getValues();

alert(formValues["firstname"]);

consolelog(formValues);

}},

{text:"取消"}

]

});

formpanelrender(ExtgetBody());

});

直接在每一项 的元件里面 新增 一个 id

id:'textId'

ExtgetCmp('textId')getValue()

怎样用jQuery获取表单中的值并赋给阵列

类似这样

var i=0;

var fields = $("input")serializeArray();

jQueryeach(fields, function(index, field){inf[i]=fieldvalue;i++;});

在php中怎样获取表单中档案域的值

获取到的POST、GET是阵列形式的值，需要通过键值来详细获取相应的值

比如： indexphp 页面

下面是POST方法

<form name=form1 method="post" action="indexphp">

<input type=text name=contents value="">

<input type=submit value="提交">

</form>

<php

获取表单提交的资料

$contents = $_POST['contents'];

echo $contents;

>

也可以是下面是GET方法

<form name=form1 action="indexphp">

<input type=text name=contents value="">

<input type=submit value="提交">

</form>

<php

获取表单提交的资料

$contents = $_GET['contents'];

echo $contents;

>

POST相对于GET方法，更好一些，可以提交大量资料，以及更安全些。

1、新建一个html文件，命名为testhtml。

2、在testhtml文件内，创建一个div模块，并设置其id属性为mydiv，用于下面使用js获得标签对象。

3、在testhtml文件内，在div标签内，填写一段文字，并加入一个span标签。

4、在testhtml文件内，创建一个button按钮，按钮名称为“获取html”。

5、给button绑定onclick点击事件，当按钮被点击时，执行myfun()函数。

6、在testhtml文件内，在js标签内，创建myfun（）函数，在函数内，使用getElementById（）方法获得div对象，通过innerHMTL属性获得div内的html内容，最后，使用alert方法将获得的html内容以d窗形式显示

7、在浏览器打开testhtml文件，点击按钮，查看获得的html标签内容。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml。

2、在indexhtml中的<script>标签，输入js代码：

var a = '通过id获取：' + $('#test')html();

var b = '通过标签名获取：' + $('div')html();

$('body')append('<br/>' + a);

$('body')append('<br/>' + b);

3、浏览器运行indexhtml页面，此时成功通过id和标签名称获取到了节点并打印了节点内容。

可以使用输入框的val()方法来获取input的值，给按钮绑定点击事件触发d出该输入框的值。

工具原料：编辑器、浏览器

1、解决的思路就是给一个按钮绑定点击事件，然后参数该输入框的值，代码如下：

<html>

<head>

<script type="text/javascript" src="libs/jquery/214/jqueryjs"></script>

<script type="text/javascript">

$(document)ready(function(){

  $("button")click(function(){

    alert($(":text")val());

  });

});

</script>

</head>

<body>

<p>Name: <input type="text" name="user" value="" /></p>

<button>改变文本域的值</button>

</body>

</html>

2、运行的结果如下：

以上就是关于正则表达式匹配html标签，获取标签内容全部的内容，包括:正则表达式匹配html标签，获取标签内容、html中，在不知道当前点击按钮的id或name值得情况下，如何获取当前点击按钮的id值、html JS中如何获取某ID下的某个标签的某个属性值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！