html的标签,如何获取当前选中的项的内容呢

html的标签,如何获取当前选中的项的内容呢,第1张

  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>

简单实现代码如下

<script language="javascript" type="text/javascript">

function load()

{

var test=documentgetElementsByTagName('html')[0]innerHTML;

alert(test);

}

</script>

获得JS生成后的HTML代码,首先需要要获取的是那一段代码,然后在通过innerHTML这个JS的方法来调用,然后在输出这段方法就行了;

代码:

<html>

<head></head>

<script>

var oDiv = documentgetElementById('div1');

alert(oDivinnerHTML);

</script>

<body>

<div id='div1'>

<p>会被获取的</p>

</div>

/body>

</html>

这样就能获取到JS生成后的html代码。

设置或获取整个 URL 为字符串具体代码为: windowlocationhref

例1、生成二维码为格式(优点:便于分享到微信、QQ或其他网页)

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

 <script type="text/javascript" src="jqueryqrcodejs"></script>

 <script type="text/javascript" src="qrcodejs"></script>  

<div id="divOne"></div>  

  <img id='imgOne'  style='border:1px solid red;'/>  

<script>  

//默认使用Canvas生成,并显示到   

 var qrcode= $('#divOne')qrcode({

       text: windowlocationhref,//二维码代表的字符串(本页面的URL)

       width: 150,//二维码宽度

       height: 150//二维码高度

    })hide();   

 var canvas=qrcodefind('canvas')get(0);  

 $('#imgOne')attr('src',canvastoDataURL('image/jpg'))  

</script>

例2、生成二维码为非格式 (优点:便于生成速度快,不占用空间)

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

 <script type="text/javascript" src="jqueryqrcodejs"></script>

 <script type="text/javascript" src="qrcodejs"></script> <div id="qrcodeCanvas"></div>

<script>

    $('#qrcodeCanvas')qrcode({

       text: windowlocationhref,//二维码代表的字符串(本页面的URL)

       width: 150,//二维码宽度

       height: 150//二维码高度

    });

</script>

js jquery *** 作dom 你在网页中查看源码 查看的 是没有 *** 作过的代码,也就是<div class="main">hello world</div>

但是 你在浏览器窗口中 看到的页面 是<div class="main">hello china</div>

你的意思 就是 看页面js *** 作完事 生成的代码

有个办法 就是 查看源码 就是直接右键 查看源代码

如果要查看 js 生成的代码 就是debug firebug之类的查看就好了

------------------------------

忽然 看到 你下面的字 看到这份代码,还需要获取,拿来 *** 作

就是 *** 作 js生成的代码 元素

简单的办法就是 settimeout 给个延迟 让前面的先生成了 再 *** 作

还有方法

<div id="one"></div>

$('#one')append("<p id='two'>test1</p>");

<div id="one"><p id='two'>test1</p></div>

$("body")on("click","#two",function(data){

alert(data);

});

用on 绑定

或者

delegate()方法绑定也可以

具体的可以百度下 jquery *** 作未来元素

获取html源代码 和css源代码

1在你的电脑里面找到这个路径

C:\Documents and Settings\Administrator\Local Settings\Temporary Internet Files

删除这个目录里面的东西;

2用ie打开你想下载的网页;

3回到这个路径下面并刷新

C:\Documents and Settings\Administrator\Local Settings\Temporary Internet Files

这时这个路径下面会出现你所要的页面的html源代码和css代码;

4将这个里面的html,css,等都复制出来放到新建的文件夹里面;

5将复制出来的文件的名字后面的“[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标签内容。

以上就是关于html的标签,如何获取当前选中的项的内容呢全部的内容,包括:html的标签,如何获取当前选中的项的内容呢、JS 获取页面某段HTML代码、如何获取js生成内容的 完整的html代码等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存