jsp页面使用javascript添加页面元素示例代码

<body>
    <input type="button" value="test" onclick="javascript:a();">
    <table id="tab">
      <tr>
       <td>1</td>
       <td><input name="11" type="text" value="11"/></td>
      </tr>
    </table>
    <script type="text/javascript">
 var s = 2;
 function a (){
  var tr=document.createElement("tr");
  var td1=document.createElement("td");
  var td2=document.createElement("td");
  var input=document.createElement("input");
  input.type="text";
  input.value=s+""+s;
  input.name=s+""+s;
  var tbody = document.getElementById("tab").getElementsByTagName("tbody")[0];
  td1.innerHTML = ""+s;
  td2.appendChild(input);
  tr.appendChild(td1);
  tr.appendChild(td2);
  tbody.appendChild(tr);
  s++;
 }
 </script>
</body>

jsp页面使用javascript添加页面元素示例代码

时间： 2024-12-30 22:27:14

jsp页面使用javascript添加页面元素示例代码的相关文章

JS——普通添加li元素和文件碎片添加li元素

创建10000个li元素案例,把普通方法和碎片化方法进行比较 (1)普通添加li元素案例,代码如下图: 运行结果见链接: https://ytraister.github.io/js-text/js%E4%BB%A3%E7%A0%81%E6%BC%94%E7%A4%BA/JS%E2%80%94%E2%80%94%E6%99%AE%E9%80%9A%E6%B7%BB%E5%8A%A0li%E5%85%83%E7%B4%A0%E5%92%8C%E6%96%87%E4%BB%B6%E7%A2%8E%E

JavaScript 实现页面元素（ul-li）的简单排序

JavaScript 实现页面元素(ul-li)的简单排序 html页面: <input type="button" value="show" onclick="show()" /> <ul id="ul1"> <li>4</li> <li>3</li> <li>2</li> <li>1</li> </

用javaScript获取页面元素值

用JavaScript获取页面元素常见的三种方法:                                                           getElementById()                                                           getElementsByName()                                                           getElementsBy

[转载]用Javascript获取页面元素的位置

原文地址:http://www.ruanyifeng.com/blog/2009/09/find_element_s_position_using_javascript.html 制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置. 下面的教程总结了Javascript在网页定位方面的相关知识. 一.网页的大小和浏览器窗口的大小 首先,要明确两个基本概念. 一张网页的全部面积,就是它的大小.通常情况下,网页的大小由内容和CSS样式表决定. 浏览器窗口的大小,则是指在浏览器窗口中看到的那

webdriver定位页面元素时使用set_page_load_time()和JavaScript停止页面加载

原文:https://my.oschina.net/u/2344787/blog/400507?p={{page}} 引言: 在使用webdriver的get方法打开页面时,可能页面需要加载的元素较多导致加载时间很长,而时间过长会导致后面的操作无法进行,甚至直接报错:所以在页面加载到一定时间,实际需要定位的元素很大可能上已经加载出来时,需要停止页面的加载,进而进行下面的操作: 例如:get 汽车之家页面时会等待很长时间,其实页面基本元素都已加载,可进行后续操作 可以通过set_page_load

使用JavaScript改变页面元素的属性

在使用HTML制作web页面的过程中,很多时候需要动态的去改变控件的属性,这就需要通过调用JavaScript脚本来实现.下面介绍了本人使用过的一些示例代码. JavaScript脚本改变页面控件的HTML属性. 1.语法: document.getElementById(id).attribute=new value 2.说明: id 控件的ID attribute 控件的HTML属性 new value 新的属性值 3.示例代码: <!DOCTYPE html PUBLIC "-//W

使用JavaScript操作页面元素

在webdriver脚本代码中执行JavaScript代码,来实现对页面元素的操作.此种方式主要用于解决在某些情况下,页面元素的.click()方法无法生效等问题. #!usr/bin/env python #-*- coding:utf-8 -*- """ @author: sleeping_cat @Contact : [email protected] """ #使用JavaScript操作页面元素 from selenium import

js添加页面元素

js动态创建html元素需要使用到下面这些常见的js方法. getElementById();//返回带有指定 ID 的元素. getElementsByTagName();//返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组). getElementsByClassName();//返回包含带有指定类名的所有元素的节点列表. appendChild();//把新的子节点添加到指定节点. removeChild();//删除子节点. replaceChild();//替换子节点. i

jquey学习2之jquery动态添加页面片段

第一个方法:append()方法 [1]$(selector).append(content)//向匹配的所有标签中的内容末尾处添加Html代码,会编译成页面显示. 1 <html> 2 <head> 3 <script type="text/javascript" src="/jquery/jquery.js"></script> 4 <script type="text/javascript&quo