js 获取 html标签

js 获取 html标签,第1张

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标签内容。

这种抓网页的事最适合的是python,配合beautifulsoup来分析。

你现在这代码的话用dom或者正则表达式都可以实现你要的效果,我写过的代码都是cpp+qt或者是python的,给你也不适用,自己根据关键字查查资料就有了。

下面的代码先通过表格对象的rows获得指定的行的所有单元格数组,然后定位指定的单元格,通过单元格的innerHTML属性获得单元格的html内容

<!DOCTYPE html>

<html>

<head>

<script>

function cell()

{

var x=documentgetElementById('myTable')rows[0]cells;

alert(x[0]innerHTML);

}

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言。

  html中获取标签的数据,可以通过js来获取,如下代码:

<script type="text/javascript" src="js/jqueryjs"></script>

<script type="text/javascript">

function validate(){

//一 .是通过jDOM

// var attitudeObj = documentgetElementById("attitude");

//var attitude = attitudeObjinnerHTML;

//二 .是通过jquery

var att = $("#attitude")text();//可以得到输入域中的内容

var idnum = $("#idnum")val();

var name = $("#name")val();

var t_name =  $("#t_name")val() ;

var pro_name =  $("#pro_name")val() ;

// alert(att);

if( name == null || name == "" ){

alert("请输入毕业设计名称!");

return false;

}

att   =   attreplace(/\s+/g,"");

if( att == null || att == ""){

alert("请输入选题须知!");

return false;

}

if( t_name == null || t_name == "" ){

alert("请选择教师!");

return false;

}

if( pro_name == null || pro_name == ""){

alert("请选择专业!");

return false;

}

location="teacher/mainfrajsp";

//location="teacherAction_AddGraduationTitleactionidnum=" + idnum +"&cname=" + cname +"&start=" + start+"&end=" + end;

return true;

}

</script>

</head>

<body">

<div >

<div style="margin-left: 100px;">

<!--   <form action="teacherAction_AddGraduationTitleaction" method="post" >-->

<span>自动编号:</span><input type="text" readonly="readonly" name="idnum" id="idnum" style="background: gray;" value="<s:property value="#requestmaxIdnum"/>"/><br/>

<br/>

<span>毕业设计名称:</span><input type="text" name="name" id="name"/><br/><br/>

<span>所属教师:</span><select name="t_name" id="t_name">

<option></option>

<s:iterator value="teacherList">

<option value="<s:property value='idnum' />"><s:property value="name" /></option>

</s:iterator>

</select> <br/> <br/>

<span>所属专业:</span><select name="pro_name" id="pro_name">

<option></option>

<s:iterator value="professionList">

<option value="<s:property value='idnum' />"><s:property value="pro_name" /></option>

</s:iterator>

</select>

<br/>

<br/>

<span>选题须知:</span>

<textarea id ="attitude" name="attitude" rows="3" cols="30" style="color: red;">

</textarea>

<br/>

<br/>

<input type="button" value="添加">  <input style="margin-left: 100px" type="reset" value="重置">

<!-- </form> -->

</div>

</div>

</body>

1 第1种方法最简单:

前台给div加上一个id和runat:

<div id="div1" runat="server">

    <img src="1jpg"/>这里是文字<img src="2jpg"/>这里是文字

</div>

后台直接这样获取:

string a = div1InnerHtml;

2 第2种方法复杂点:

通过js获取到div的内容,然后用ajax把内容传递给后台页面,然后在后台处理,你可以在网上搜一下Ajax net,不太难。

你先用第1种吧。

<script type="text/javascript">

$(function(){

var $content = $("li:first")find("a")find("font")html();//这是获取出来的内容

var $time = $("li:first")find("span:last")html();//这是获取出来的的时间

var $href = $("li:first")find("a:last")attr("href");//这是获取出来的连接

alert( $content + " , " + $time );//d出内容跟时间

alert($href);//d出连接

});

</script>

我使用的是jQ,你要引用jQ的插件,手写的,忘采纳哦,亲

简单实现:

HtmlRequest类的内容:

[java] view plaincopy

package comcapinfotechnet;

import javaioByteArrayOutputStream;

import javaioIOException;

import javaioInputStream;

import javanet>

以上就是关于js 获取 html标签全部的内容,包括:js 获取 html标签、已获取到html代码,如何根据标签ID获取整个标签的内容、javascript中如何获取一个html表格的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9558391.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存