
用WebBrowser
WebBrowser
wb
=
new
WebBrowser();
wbNavigate(new
Uri(url));//加载uri地址的网页
HtmlElementCollection
elementColl
=
wbDocumentGetElementsByTagName("img");
//获取img标签对象
string
imgUrl
=
elementColl[i]GetAttribute("src");//这里获取到的是的Url地址
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标签内容。
原生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添加的元素属性方法:先给这个元素设个ID,再用js获取这个ID的属性,即元素属性,实现案例如下:
<a id="link" href="前端学习" title="测试" blogname="前端开发">Web开发</a>
JS代码:
var ka=documentgetElementByI d("link");
alert(kagetAttribute("id"));//获取到Html标签的自定义属性
alert(kaid);//获取到Html标签常规属性用
以上就是关于c#怎么用HtmlElement获取网页上的图片全部的内容,包括:c#怎么用HtmlElement获取网页上的图片、js 获取 html标签、如何获取HTML中用户输入到文本框中的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)