-
vb.net 教程 12-3 HtmlElement类 7
版权声明:本文为博主原创文章,转载请在显著位置标明本文出处以及作者网名,未经作者允许不得用于商业目的。
本节主要谈谈如何在一个网页内添加网页元素。
HtmlDocument.CreateElement()将创建一个元素,但是它并不会将创建的元素添加进网页。
将创建的元素添加进网页需要使用 HtmlElement.AppendChild(新元素)。
来看看具体的代码:
Private Sub btnAddEle_Click(sender As Object, e As EventArgs) Handles btnAddEle.Click
Dim wbDocument As HtmlDocument = wbMain.Document
Dim newInput As HtmlElement = wbDocument.CreateElement("input")
Dim htmlForm As HtmlElement
htmlForm = wbDocument.GetElementById("sampleform")
htmlForm.AppendChild(newInput)
newInput.OuterHtml = "<input type='text' name='studentgrade' id='studentgrade' value='1'>"
End Sub
以上代码在提交的Form下新建了一个文本框控件,并且value=1,name和id都是studentgrade。
数据填写的网页使用的是 《vb.net 教程 20-2 WebBrowser高级用法 2 HtmlElement类 3》中的vbnet20-2-1.htm
数据提交后的网页做了修改,添加了获得studentgrade变量:
<html>
<head>
<title>这是配合vb.net教程的网页</title>
</head>
<body>
<%
dim studentname
dim studentage
dim sutdentgrade
studentname=request.form("studentname")
studentage=request.form("studentage")
studentgrade=request.form("studentgrade")
%>
学生姓名:<%=studentname%> <br/>
学生年龄:<%=studentage%> <br/>
学生年级:<%=studentgrade%> <br/>
</body>
</html>
在vbnet20-2-1.htm中 sampleform 表单下是没有studentgrade这个变量的。
运行时效果:
可以看到上图中,按下“添加元素”按钮后,网页上增加了一个文本框,并且文本框内文本(value)为1。
填好其他两个文本框后,提交数据:
网页成功接收了我们添加的变量。
由于.net平台下C#和vb.NET很相似,本文也可以为C#爱好者提供参考。
学习更多vb.net知识,请参看 vb.net 教程 目录
————————————————
版权声明:本文为CSDN博主「VB.Net」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/uruseibest/article/details/76473136
最新更新
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀(爬取学校通知公告)
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求:requests模块基础使用必知必会
Python初学者友好丨详解参数传递类型
如何有效管理爬虫流量?
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
SQL Server -- 解决存储过程传入参数作为s
关于JS定时器的整理
JS中使用Promise.all控制所有的异步请求都完
js中字符串的方法
import-local执行流程与node模块路径解析流程
检测数据类型的四种方法
js中数组的方法,32种方法
前端操作方法
数据类型
window.localStorage.setItem 和 localStorage.setIte
如何完美解决前端数字计算精度丢失与数