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标签内容。
以下为我写过一一个函数用来获取，首先得到img标签的HtmlElement对象，然后IHTMLControlRange复制的方式得到。
/// <summary>
/// 返回指定WebBrowser中<IMG></IMG>中的图内容
/// </summary>
/// <param name="WebCtl">WebBrowser控件</param>
/// <param name="ImgeTag">IMG元素</param>
/// <returns>IMG对象</returns>
private Image GetWebImage(WebBrowser wb, string id)
{
HtmlElement ImgeTag = wbDocumentGetElementById(id);
if (ImgeTag == null)
{
return null;
}
HTMLDocument doc = (HTMLDocument)wbDbDocumentDomDocument;
HTMLBody body = (HTMLBody)docbody;
IHTMLControlRange rang = (IHTMLControlRange)bodycreateControlRange();
IHTMLControlElement Img = (IHTMLControlElement)ImgeTagDomElement; //地址
object oldobj = ClipboardGetDataObject(); //备份粘贴版数据
rangadd(Img);
rangexecCommand("Copy", false, null); //拷贝到内存
Image numImage = ClipboardGetImage();
try
{
ClipboardSetDataObject(oldobj); //恢复粘贴板内容
}
catch { }
return numImage;
}
效果如下：
原生JS:
var oInput =documentgetElementById("app") //获取一个id为app的输入框元素；
var getHtml = oInputinnerHTML //获取该元素的内容并赋值给getHTML;
扩展资料：
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。
在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
JavaScript脚本语言具有以下特点:
(1)脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
(2)基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
(3)简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。
参考资料来源：百度百科-js
这样是可以的，但是ie估计不行，如果你想兼容ie,我再改改
<!DOCTYPE html>
<html>
<head>
<style>
div {width:300px;height:200px;background: #9acd32;margin-top: 50px;}
</style>
</head>
<body>
<div id="div1" onclick="div1()"></div>
<div id="div2" onclick="div2()"></div>
<script>
function div1(){
var myevent = documentcreateEvent('MouseEvents');
myeventinitEvent('click',true,true,documentdefaultView,0,0,0,0,0,false,false,false,false,0,null);
var div2 = documentgetElementById('div2');
div2dispatchEvent(myevent);
}
function div2(){
var mydiv2 = documentgetElementById('div2');
mydiv2stylebackground = 'red';
}
</script>
</body>
</html>
var
box=documentgetElementById('box');
//
获取元素
alert(boxgetBoundingClientRect()top);
//
元素上边距离页面上边的距离
alert(boxgetBoundingClientRect()right);
//
元素右边距离页面左边的距离
alert(boxgetBoundingClientRect()bottom);
//
元素下边距离页面上边的距离
alert(boxgetBoundingClientRect()left);
//
元素左边距离页面左边的距离
getBoundingClientRect()
---元素距离页面的距离
canvas--详情参考css3(画图用的)
clientX--鼠标位置的x轴坐标
var
xe应该就是一个变量
3获取在canvas里的点坐标
getBoundingClientRect()//用于获取某个元素相对于视窗的位置集合。集合中有top,
right,
bottom,
left等属性。
function
detect(event){
var
x=eventclientX-canvasgetBoundingClientRect()left;
var
y=eventclientY-canvasgetBoundingClientRect()top;
}
综合上述应该是获取在canvas里的点坐标吧！
>
以上就是关于js 获取 html标签全部的内容，包括:js 获取 html标签、C#获取到了img标签的HtmlElement怎么获取图片的内容、如何获取HTML中用户输入到文本框中的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）