DOM3_table相关属性以及Js方法动态添加

男娘i 2022-06-11 09:15 132阅读 0赞

**一、table相关属性**

**1. table:**

\*      属性：

\*          rows:返回表格中的所有tr的一个数组

\*      方法：

\*          insertRow(index):在表格中下标为index的tr之前插入一个新行,新插入的tr下标为index；

\*          deleteRow(index):从表格中删除下标为index的tr

\*

**2. tableRow：**

\*      属性：

\*          cells:返回tr中的所有td/th的一个数组

\*          rowIndex:返回当前tr的数组下标

\*      方法：

\*          insertCell(index):在下标为index的td之前插入一个新td，新td下标为index；

\*          deleteCell(index):删除tr中下标为index的td

\*

**3. tableCell:**

\*      属性：

\*          cellIndex:返回当前td的数组下标

**二、Js方法添加**

1. 方式一 ：通过.增加方法

**window** . onload = **function** ()\{

**var**  btn = **document** . getElementById ( **"btn"** );

btn .οnclick=show;

\};

**function **  show(e)\{

**var**  cell = e. **target** ;

alert ( cell );

\}

2. 方式二：通过监听

onload = **function** ()\{

**var**  div = **document** . getElementById ( **"div1"** );

div . addEventListener ( **"click"** ,show, **true** );

div . removeEventListener ( **"click"** ,show);

\};

**function **  show(e)\{

**console** . log (e);

\}

详细请看我的有道云笔记：

[http://note.youdao.com/noteshare?id=ae0a3bd6c05955f9e5e3511c41265ef3&sub=301F93F795364D7F93B752FC377DA977][http_note.youdao.com_noteshare_id_ae0a3bd6c05955f9e5e3511c41265ef3_sub_301F93F795364D7F93B752FC377DA977]

[http_note.youdao.com_noteshare_id_ae0a3bd6c05955f9e5e3511c41265ef3_sub_301F93F795364D7F93B752FC377DA977]: http://note.youdao.com/noteshare?id=ae0a3bd6c05955f9e5e3511c41265ef3&sub=301F93F795364D7F93B752FC377DA977

发表评论取消回复

表情：

评论列表（有 0 条评论，132人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue3.0+elementplus table动态添加column

<template> <el-table :data="tableData" border style="display: table-cell" ref=

妖狐艹你老母/ 2023年09月27日 11:33/ 0 赞/ 116 阅读

相关 Dom属性方法

一、javascript的三大核心　　1.ECMAScript js的语法标准　　2.DOM Document object Model 文档对象模型，提供的方法可

女爷i/ 2023年06月11日 05:30/ 0 赞/ 78 阅读

相关 js为Object对象动态添加属性和值

为Object对象动态添加属性和值方式1： var obj = {}; //或者 var obj=new Object(); var key = "nam

秒速五厘米/ 2022年10月16日 00:53/ 0 赞/ 203 阅读

相关 js动态给dom元素添加类名

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

青旅半醒/ 2022年09月07日 09:38/ 0 赞/ 266 阅读

相关 DOM3_table相关属性以及Js方法动态添加

一、table相关属性 1. table: \ 属性： \ rows:返回表格中的所有tr的一个数组 \ 方法： \

男娘i/ 2022年06月11日 09:15/ 0 赞/ 133 阅读

相关 js prototype 添加属性和方法

假设现在有个字符串，即String 对象， var str="abcd"; 我们知道str.length 可以求出字符串的长度，这个length 就是String 的属性；

水深无声/ 2022年05月28日 05:35/ 0 赞/ 164 阅读

相关 element table动态添加标签

原始显示是这样的： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

红太狼/ 2022年04月14日 04:42/ 0 赞/ 385 阅读

相关 js数组相关属性和方法

[https://blog.csdn.net/weixin\_34403976/article/details/84979951][https_blog.csdn.net_we

今天药忘吃喽~/ 2021年09月17日 10:58/ 0 赞/ 253 阅读

相关 js dom属性

dom 常用属性 doctype 获得文档开头描述,若无返回null document.doctype;

Myth丶恋晨/ 2021年07月24日 11:11/ 0 赞/ 345 阅读

相关 js 对象动态添加属性、合并属性

1、对象合并： var obj = {a:1, name: 'test'}; var shuxing = {name:"super",sex:"19",wor

旧城等待，/ 2021年06月24日 14:00/ 0 赞/ 786 阅读