JavaScript DOM学习笔记6——HTML DOM

        DOM其实是一套操作XML文档的标准,不同语言都有实现。前面也提到,HTML有特有的DOM,HTML DOM主要是为了简化一些常用的操作。

        1.直接访问HTML元素的属性

        HTML元素具有各种各样的属性,如果按照DOM的方式来访问这些属性,则需要采用setAttribute()和getAttribute()方法。而HTML DOM简化了这个操作,可以直接通过.操作符直接访问这些属性。

        假设网页中有一个img元素,<img src="img.jpg" border="1">,我们已经获取了该元素的DOM对象oImg,如果需要操作其src或者border属性,我们之前讲过,需要写下列代码:

 

alert(oImg.getAttribute("src"));
alert(oImg.getAttribute("border"));
oImg.setAttribute("src","newImg.jpg");
oImg.setAttribute("border","2");

        有了HTML DOM ,上面的代码可以写成:

 

alert(oImg.src);
alert(oImg.border);
oImg.src = "newImg.jpg";
oImg.border = "2";

        基本上所有HTML元素的特性对应的属性都是一样的,只有下面的例外:

 

<div class="myCls"></div>

        对于上面的div中的class特性,在使用HTML DOM操作的时候,就必须写成:

 

alert(oDiv.className);
oDiv.className = "newCls";

        2. HTML DOM处理表格的方法

        HTML的DOM给<table/><tbody/></tr>等元素添加了一些特性和方法,如下面几个表所示:

        (1)给table添加的部分:

caption指向<caption/>元素(如果存在)
tBodies<tbody/>元素的集合
tFoot<tfoot/>元素集合
tHead<thead/>元素集合
rows表格中所有行的集合
createTHead()创建<thead/>元素并且放入表格
createTFoot()创建<tfoot/>元素并且放入表格
createCaption()创建<caption/>元素并且放入表格
deleteTHead()删除<thead/>元素
deleteTFoot()删除<tfoot/>元素
deleteCaption()删除<caption/>元素
deleteRow(pos)删除指定位置的行
insertRow(pos)在指定位置插入行
 

         (2)<tbody/>元素添加了以下内容:

rows<tbody/>中所有行的集合
deleteRow(pos)删除指定位置的行
insertRow(pos)在指定位置插入行

         (3)<tr/>中添加的内容:

cells元素中所有单元格的集合
deleteCell(pos)删除制定位置单元格
insertCell(pos)指定位置插入单元格

 

        下面,使用HTML DOM写一个完整的添加表格的例子:

<html>
	<head>
		<title></title>
		<script type="text/javascript">
			function createTableUsingHtmlDOM() {
				//创建表格
				var oTbl = document.createElement("table");
				oTbl.setAttribute("border","1");
				oTbl.setAttribute("width","800");
				
				//插入一行
				oTbl.insertRow(0);
				//插入一列
				oTbl.rows[0].insertCell(0);
				//给列加入文本内容
				oTbl.rows[0].cells[0].appendChild(document.createTextNode("单元格11"));
				//插入一列
				oTbl.rows[0].insertCell(1);
				//给列加入文本内容
				oTbl.rows[0].cells[1].appendChild(document.createTextNode("单元格12"));

				//插入一行
				oTbl.insertRow(1);
				//插入一列
				oTbl.rows[1].insertCell(0);
				//给列加入文本内容
				oTbl.rows[1].cells[0].appendChild(document.createTextNode("单元格21"));
				//插入一列
				oTbl.rows[1].insertCell(1);
				//给列加入文本内容
				oTbl.rows[1].cells[1].appendChild(document.createTextNode("单元格22"));

				//别忘了把表格加到<body/>里面去
				document.body.appendChild(oTbl);
			}
		</script>
	</head>
	<body>
		<input type="button" value="添加表格" οnclick="createTableUsingHtmlDOM()">
	</body>
</html>

 

        至此,JavaScript DOM最基础的部分就学习完了。DOM还有很多很多其他的特性,在后续的学习中,如果接触到了,我会另外开一个小系列专门记录。

 

参考书目:

《JavaScript高级程序设计》

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在信号处理领域,DOA(Direction of Arrival)估计是一项关键技术,主要用于确定多个信号源到达接收阵列的方向。本文将详细探讨三种ESPRIT(Estimation of Signal Parameters via Rotational Invariance Techniques)算法在DOA估计中的实现,以及它们在MATLAB环境中的具体应用。 ESPRIT算法是由Paul Kailath等人于1986年提出的,其核心思想是利用阵列数据的旋转不变性来估计信号源的角度。这种算法相比传统的 MUSIC(Multiple Signal Classification)算法具有较低的计算复杂度,且无需进行特征值分解,因此在实际应用中颇具优势。 1. 普通ESPRIT算法 普通ESPRIT算法分为两个主要步骤:构造等效旋转不变系统和估计角度。通过空间平移(如延时)构建两个子阵列,使得它们之间的关系具有旋转不变性。然后,通过对子阵列数据进行最小二乘拟合,可以得到信号源的角频率估计,进一步转换为DOA估计。 2. 常规ESPRIT算法实现 在描述中提到的`common_esprit_method1.m`和`common_esprit_method2.m`是两种不同的普通ESPRIT算法实现。它们可能在实现细节上略有差异,比如选择子阵列的方式、参数估计的策略等。MATLAB代码通常会包含预处理步骤(如数据归一化)、子阵列构造、旋转不变性矩阵的建立、最小二乘估计等部分。通过运行这两个文件,可以比较它们在估计精度和计算效率上的异同。 3. TLS_ESPRIT算法 TLS(Total Least Squares)ESPRIT是对普通ESPRIT的优化,它考虑了数据噪声的影响,提高了估计的稳健性。在TLS_ESPRIT算法中,不假设数据噪声是高斯白噪声,而是采用总最小二乘准则来拟合数据。这使得算法在噪声环境下表现更优。`TLS_esprit.m`文件应该包含了TLS_ESPRIT算法的完整实现,包括TLS估计的步骤和旋转不变性矩阵的改进处理。 在实际应用中,选择合适的ESPRIT变体取决于系统条件,例如噪声水平、信号质量以及计算资源。通过MATLAB实现,研究者和工程师可以方便地比较不同算法的效果,并根据需要进行调整和优化。同时,这些代码也为教学和学习DOA估计提供了一个直观的平台,有助于深入理解ESPRIT算法的工作原理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值