1024 程序员节，鸿蒙生态开发者 Meetup，技术盛宴，不见不散

如何在JavaScript中实现表格操作的优化，特别是如何实现表格内容的居中对齐、动态添加行以及隐藏元素的最佳实践？

深入解析JavaScript表格操作：居中对齐、动态添加行与隐藏元素的最佳实践

引言

在Web开发中，JavaScript表格操作是一项常见且重要的任务。无论是数据展示还是用户交互，表格都扮演着关键角色。本文将深入探讨如何使用JavaScript优化表格操作，包括表格内容的居中对齐、动态添加行以及隐藏元素的最佳实践。

居中对齐表格内容

问题分析

表格内容的居中对齐是视觉设计中的一个基本需求。在CSS中，虽然可以通过text-align: center;轻松实现文本的居中对齐，但对于表格来说，可能需要更细致的操作。

解决方案

1. 使用CSS样式：对于简单的文本居中，可以直接在

   或
   元素上应用text-align: center;样式。

   th, td {
       text-align: center;
   }
   

2. 使用JavaScript动态调整：如果表格内容在运行时动态变化，可以使用JavaScript来动态设置单元格的样式。

   function centerTableContent(tableId) {
       const table = document.getElementById(tableId);
       const cells = table.getElementsByTagName('td');
       for (let cell of cells) {
           cell.style.textAlign = 'center';
       }
   }
   

动态添加行

问题分析

在用户交互中，经常需要动态地向表格中添加新行。这要求JavaScript能够灵活地操作DOM。

解决方案

1. 使用insertRow和insertCell方法：这些DOM方法允许我们在表格中插入新的行和单元格。

   function addRow(tableId, rowData) {
       const table = document.getElementById(tableId);
       const newRow = table.insertRow(-1); // 在表格末尾添加新行
       rowData.forEach((cellData) => {
           const newCell = newRow.insertCell(-1);
           newCell.textContent = cellData;
       });
   }
   

2. 使用模板字符串和innerHTML：对于更复杂的行结构，可以使用模板字符串来构建HTML，并使用innerHTML将其插入到表格中。

   function addRowWithTemplate(tableId, rowData) {
       const table = document.getElementById(tableId);
       const newRow = table.insertRow(-1);
       newRow.innerHTML = `${rowData.join('
   ')}`;
   }
   

隐藏元素

问题分析

在某些情况下，可能需要根据用户的选择或数据状态隐藏表格中的某些行或单元格。

解决方案

1. 使用style.display属性：通过设置display属性为none，可以隐藏元素。

   function hideElement(element) {
       element.style.display = 'none';
   }
   

2. 使用类切换：在CSS中定义一个隐藏类，然后在JavaScript中通过添加或移除这个类来控制元素的显示状态。

   .hidden {
       display: none;
   }
   

   function toggleVisibility(element) {
       element.classList.toggle('hidden');
   }
   

结论

通过本文的深入解析，我们探讨了JavaScript在表格操作中的几个关键方面：居中对齐、动态添加行和隐藏元素。通过这些最佳实践，开发者可以更高效地处理表格数据，提升用户体验和页面性能。在实际应用中，开发者应根据具体需求灵活运用这些技术，以实现最佳效果。

展开阅读全文
javascriptcenterstylenonehtmldisplaytextaligninnerhtmlinsertrowinsertcell

© 著作权归作者所有

举报

加载中




点击引领话题📣


发布并加入讨论🔥


热门内容

更多精彩内容

Semi Design v2.68.0 发布，抖音企业级 UI 库

Spring Data 2024.1.0 RC1 发布

微软开源基于 Rust 的 OpenHCL

Mindolph 1.8 发布，大量 UI 和可操作性上的的改进

开源日报 | Unity 6发布；WinAmp仓库已404；ChatGPT登陆Windows；论文开源排行榜；视频网站“降本之痛”

复用的双刃剑：软件工程里的悖论与挑战

Calibre 7.20 发布，功能强大的开源电子书工具

ChatGPT 登陆 Windows

:fire:MakuBoot 4.6 发布，最强代码生成器和零代码能力

SofaRPC v5.13.2 发布，蚂蚁金服开源 Java RPC 框架

AI 富文本编辑器，AiEditor v1.2.1 发布

数字经济与开源创新共舞，开启经管法教育新篇章——第一届数字经济开源创新学术会议暨经管法高校开源创新教育论坛在上经贸大举行

ONLYOFFICE 文档 8.2 版本已发布：PDF 协作编辑、改进界面、性能优化等更新

Elasticsearch 8.15.3 发布

tklog 0.2.3 — Rust 高性能日志库，日志标识格式自定义设置

开放原子校源行 | openKylin 走进天津仁爱学院，助力开源人才培养

Unity 6 正式发布：大幅提升稳定性和性能、渲染速度更快

开源不足一月，WinAmp 仓库已 404

Gfast 工作流引擎 2.0 正式发布

deepin 社区惊艳亮相 2024 OSCAR 开源产业大会，社区王耀华获奖

基于python的测试报告自动化生成

【问题意识】问题从哪里来？

DWZ框架的HTML扩展

Apache ECharts 5 系列教程（2）视觉设计

多端配合难？duck不必

老板看了都说好的测试报告

ECharts 的拖拽小扩展

50个必备的实用jQuery代码段

DWZ框架Ajax表单提交

软件测试环境的搭建

Airtest跨平台的UI自动化测试框架（一）

白盒测试体系—开篇

Apache ECharts 5.3.0 发布，增强动画表达力、渲染性能、服务端渲染

白盒测试体系-结果度量篇

我们在可视化什么？

SDK接入标准及流程规范

如何读取APK的Activity(Python实现)

服务端持续集成实战

【测试十年】搜狗测试十年：战略思维（二）

不可缺少的评测方案-主观性能感知评测！

ANR问题的定位与分析

移动应用性能测试工具—PerfDog

Spock测试框架实践

软件品质评测系统-评测体系

新人培训方法之目标法

在 ECharts GL 中绘制三维地图

我们一起搭建MockSever

远程交互的自动化处理

Android APP测试之Monkey

iOS内存优化心得

表情盲测实践

DWZ富客户端框架视频教材

DWZ框架Ajax请求session超时处理

项目线上问题总结与反思

常见加密算法解析-2

不适配targetSdkVersion的坑你了解吗？

Python日志处理logging模块

智能硬件sdk测试初探

Charles解析protobuf之初探

2年测开的成长历程

浅谈RBF神经网络

list对比遇到的坑

Apache ECharts 5.1 发布，新增支持地理坐标系和地图系列的 SVG 底图

配置自己的ssh小工具

软件品质评测系统-开篇

Apache ECharts 5 系列教程（3）交互能力

常见加密算法之单向加密

SDK测试实践小结

Apache ECharts 5 系列教程（4）：开发体验

js 跨域访问问题解决方法

测试全程度量探索

从一个bug看项目间的信息同步问题

Apache ECharts 5 系列教程（1）动态叙事

记一次服务问题的追踪过程

DWZ富客户端框架设计思路

基于Kotlin DSL的Espresso和UIAutomator的融合客户端自动化

Jenkins使用之邮件模板配置

接入第三方的产品时，我们不需要做点什么吗？

开发是如何追踪定位到你的？

用python可视化protobuf内容

漂亮得不像实力派：ECharts 水球图教程

白盒测试体系—框架搭建篇

白盒测试体系-流程规范篇

Android shell 下dd命令浅析

害！你竟然不知道这几个库？

基于python的Json容错数据自动化输出

测试数据不会造？Fake Data！

Lottie内存泄漏问题的定位与分析

【测试十年】搜狗测试十年：战略思维（一）

JMeter分布式压测环境搭建

我们一起学Mock

软件品质评测系统- 数据挖掘处理平台

Apache ECharts 5 震撼发布：五大模块，十五项新特性全面升级！

官宣了！Apache ECharts 毕业成为 Apache 软件基金会顶级项目！

iOS卡顿监控方案浅析

如何进行有效授权

评测报告的结论如何写？

python-urllib.parse

一分钟教你上手OKR工作法

文本处理小记

全站热门评论

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



烈冰 2024-07-22 08:41

不如说国内90%的电脑都没安装CrowdStrike软件

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



osc_73214294 2024-09-26 18:02

next是华为基于openharmony定制的，你说安卓开源，对应的应该是openharmony，它是开源的。各家的定制ui都不会开源。

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}

j

jianixrabbit 2024-10-18 23:55

qmmp 好像也有windows版，可以替代吗

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



江柯 2024-10-18 10:52

冒号后面是一整个类型啊，表示这个方法返回的是一个lambda函数，这个函数的类型就是(Int64, Int64) -> Int64 {}，正常的两数相加是这样写的func returnAdd(a: Int64,b: Int64): Int64 {}

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}

S

Silentdoer 2024-10-18 17:32

你去跪舔你爸爸，你爸爸当然和你和气生财

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}

z

zb79463626 2024-08-26 15:51

IBM中国哪有什么研发? 全部都是测试！所谓的搞研发的都是去养老混日子的！

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



osc_50722289 2024-09-06 13:51

如果苹果不让步，微信也不让步那就好看了！微信在中国深入寻常百姓家！支付社交微信根本离不开，如果微信不在IOS上更新，苹果“不用混了”

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}

S

Silentdoer 2024-10-18 17:39

你天天舔自己的脚，当然看起来干净了，其实口水一堆，恶心难闻；我和狗不一样，不会去舔什么，倒是你16亿到账了吗？

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



Kevin586 2024-07-29 17:09

真降低成本还是得换go，java太吃内存了

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



黑人牙膏 2024-07-21 12:12

真的人不要脸则无敌，只要他不尴尬，尴尬的是别人。

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



infoworld 2024-09-11 18:00

感谢，正是有你们这些先驱做的实事，才能避免被国外的系统和应用垄断。

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



江柯 2024-10-18 11:53

不知道，我放弃kotlin了，如果工作用不到我就不继续研究了，我期待仓颉和仓颉UI了

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



小而美软件开发 2024-10-18 18:05

看着文章写的版式就舒服

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



木一杉 2024-10-18 15:41

团结引擎你好，团结引擎再见

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



kimi996 2024-10-18 17:42

不利于团结的话不要说😐

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



智布道 2024-08-13 12:02

不管是谁在打平安县城，我三五八团一定帮帮场子！

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



osc_566335 2024-08-01 15:05

“虽然两人只有大专学历”—— 大专也算高等教育，现在这些媒体口中已经文盲一个级别的感觉了吗？

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}

S

Silentdoer 2024-10-18 17:40

顺便再问一下，你的马圣又开源啦？

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}

S

Silentdoer 2024-10-18 17:35

别，你看就知道了，和支付宝等的积极度没得比，至少划水了几个月勉强弄出来的

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



Binx 2024-09-07 08:28

最好提高苹果税到80%，不然怎么彰显尊贵的苹果用户身份

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



浪_客 2024-10-18 22:01

千千静听仿的就是他，那个mp3年代，winamp称霸世界。

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



songdragon 2024-08-14 13:11

这个对比的条件还存在好几个问题。 1. solon使用的是smart-http，spring使用的是undertow 2. solon启动本身的自动配置少于spring 这两点就决定了对比的维度不同，性能更好的原因大概率是web服务器、应用配置依赖导致的。 如果要拉齐，需要使用同样的web服务器，spring应用排除掉所有的自动配置，只保留web必须的，才能说明框架的性能差距。 现在这个结果，无法说明solon本身性能好。

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



默鹤 2024-10-19 10:04

mint很好，没有snap

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



osc_73214294 2024-08-05 10:19

我还以为这个平台的文章下面，会是深入见解的评论更多，结果喷子也不少。

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



osc_27963495 2024-10-18 16:59

确实，美帝也想诛之

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



平波 2024-10-18 17:36

我也好奇，你为什么那么喜欢添为为的，他有什么好的；还没我脚干净；

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}

S

Silentdoer 2024-10-18 17:33

那你出个啊？自己没本事喜欢瞎叫？

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



简洛-默 2024-08-12 19:31

你是家里才通网吗? 龙芯早都弃用MIPS了，现在是自研的LoongArch。 自己好好看看吧：https://loongarch.dev/zh-cn/posts/20210501-loongarch-manual/

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



kakai 2024-09-10 12:23

你是啥也不懂张口就来，专属渠道抽成高是因为有渠道专属流量，等于平台在给你导量运营，你只要收钱，50%算少的了，苹果给你导量了？多孝敬下苹果，它会让你发财的。

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



bboss 2024-10-19 09:59

不错，和bboss-httpproxy功能差不多 https://esdoc.bbossgroups.com/#/httpproxy

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



0day 2024-07-21 11:52

一个流氓也配谈安全？

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



kakai 2024-09-07 10:39

微信咋得罪你了？不管怎么样，微信此举哪怕从自身商业利益出发，让苹果降低中国税率这是利于中国人的，这个税率可不仅仅是针对微信的，还苹果大功一件，这是多么愚蠢、可耻的言论！

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



infoworld 2024-10-18 18:01

nodejs也可以调用本地库，搜ffi. 还有现代版的QQ也是用的electron开发的。

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



平波 2024-10-18 17:38

是个正常人都想，不要说美帝了；

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



我有我可以 2024-07-09 11:40

喷子们之所以喷，其本质是为自己的阴暗和自卑找理由罢了。

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



Artrener 2024-07-21 15:12

可以看他不爽，看360不爽，但人家说的是事实。比如说航空业的业内人士也这么说的。

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



大后锋 2024-07-10 14:03

然后交警找责任方，打过去是牛逼高大上的生成式AI的客服

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



江柯 2024-10-18 10:50

有个叫D语言的，完美符合你的要求，仓颉走的也是它的路子。但是DLang没有大厂支持，没火起来，占用了那么好的名字居然也没火

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



优秀良民 2024-07-10 16:17

明明能躺平，明明可以割韭菜，还花钱研发？为了找骂？说这个能割韭菜？你被割了？你买了吗？是谁年年换mac，是谁年年换iphone？华为的用户好像没有那么干的吧？真让我一个小米用户都看不下去了！

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



xflcx1991 2024-10-18 11:05

“中国网络空间安全协会：建议系统排查英特尔产品网络安全风险”该微博不存在。

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}

S

Silentdoer 2024-10-18 17:43

朝圣你来错地方了啊，你的马圣在米国，你得去那

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}

f

fzn0268 2024-09-04 14:26

这是那个做代码生成器的老哥起的吧

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



HalLi 2024-09-09 01:10

普通用户不懂就算了，怎么连程序员都不懂？苹果是全平台30%，国产是渠道服50%。微信、抖音这种大app哪来的渠道服，除了游戏，哪个app带渠道服。

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



Francesca 2024-10-19 01:51

靠企业版赚钱，vmware现在个人使用也免费了

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



blue_think 2024-08-26 11:00

别光喷华为啊，说点你自己的能力，到了什么程度，有什么成就，这样好歹有点说服力吧

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



某人gmgn3 2024-09-25 10:39

什么时候出鸿蒙pc端啊

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



Azeroth008 2024-10-18 17:49

这个我10几年前试用过，但后来换了千千静听就再没用它了。好像也没啥亮点啊。

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



平波 2024-10-18 21:28

怎么又是16亿，有脑子的人想想，这16亿都分不到咱们这儿来，你说是不？

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



liming0101 2024-09-10 09:09

什么纳吉东西，还碰瓷黑神话

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



Yanlongli 2024-07-11 17:28

降低了视觉复杂性，增高了操作复杂性。

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



小xu中年 2024-10-18 11:45

赞

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}

S

Silentdoer 2024-10-18 17:31

马斯克又开源啦？

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



随风巽 2024-10-18 14:01

reactor-netty-http

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



279778325 2024-08-16 16:22

好不容易有个国产开发平台，没有鼓励只有贬低，就算宣传夸大怎么了？那么较真干什么？遍地都是夸大的广告宣传怎么不一个一个去找厂家？批判的同时想想自己能搞一个吗？为什么加上国产俩字就非要这么较真？

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}

S

Silentdoer 2024-10-18 17:47

波弟，你的马圣今天有开源吗？

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



Tobyee 2024-07-09 11:04

没GMS是借口，本质还是不想适配国内的手机系统，等鸿蒙Next出来，看微软拥抱不拥抱就知道了

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



kushu001 2024-08-14 15:24

为什么一定要强调“国产”？是开源的项目么？如果开源，是不是不接受国外开发者的贡献？我只是好奇，不带“国产”，是宣传不了了么😀

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



平波 2024-10-18 18:41

我不像你，脑子里有圣人哦，我脑子里没圣人的，不要乱扣帽子；

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}

S

Silentdoer 2024-10-18 17:38

当然是百草哭了，就是要让你们这些杂草/杂zong哭啊

.comments-box__list-news .osc-avatar{border-radius: 5px}.comments-box__list-news .comment-item:hover{background: rgba(201,201,201,0.1)}



dwingo 2024-07-18 10:12

不是不让用jni和unsafe啊, 只是做了"限制", 只要加命令行参数就能继续用, 目的是为了让使用者考量程序的安全性.



关于作者

o



osc_0319041b

关注

私信

提问

文章

2

经验值

0

粉丝

1

关注

1



作者的其它热门文章

▪ {{formatHtml(o.title)}}

热门资讯

1

腾讯微信鸿蒙原生版正式上架华为商店

2

Python 3.12 vs Python 3.13 – 性能测试

3

🔥 超神器啊！0.4Mb 就为 Java 中间件的控制台开发提供"神王级"支持

4

开源日报 | 快速部署黑苹果工具；宝可梦游戏源代码泄露；AI如何让世界变得更好；vivo自研操作系统内核

5

开源日报 | 用Rust编写新浏览器引擎；人工智能的科学视角；OpenAI大清洗；“蓝色巨人”危机重重；星舰不算科学成就；AI翻译界杀手诞生

6

Unity 6 正式发布：大幅提升稳定性和性能、渲染速度更快

7

开源日报 | Tesla搞机器人非常正确；AI教父Diss OpenAI；工程师在工作电脑存储64G色情内容；基于思维链的AI搜索

8

VirtualBox 7.1.4 发布

9

Layui 发布 2.9.18 稳定版本

10

🔥 SqlUtils 使用

推荐关注

换一批



ksfzhaohui

文章 196

访问 43.9W



八一菜刀

文章 5

访问 3.8K



strict_nerd

文章 295

访问 11.5W



星-梦

开源软件作者



武培轩

文章 551

访问 3.4W

热门软件

QDevelop - Qt集成开发环境

GreenSQL - 数据库防火墙

qTip - jQuery工具提示插件

PesterCat - Web测试工具

Membase - 开源NoSQL系统

ThinkPHP - 轻量级 PHP 开发框架

Mantis - BUG 管理系统

Gemini Web - 模块化Java应用服务器

Simple REST Client

Live USB - USB随身碟

IKExpression - 表达式解析执行器

jurlmap - Java的URL映射类库

DWZ - 国产 jQuery UI 框架 (jUI)

MyBatis - Java 数据持久层框架

OpenKM - 文档管理系统

NHibernate - .NET 数据持久层框架

ONLYOFFICE - 商业协作和项目管理平台

WordPress MU - 多用户博客系统

JOpenID - OpenID的Java客户端

Spring Insight



0 评论

0 收藏

0 赞

微信
QQ
微博

分享

选择专区和圈子：{{title}}

{{o.name}}

{{m.name}}

取消

确定

const page_metadata=$('.page_metadata')
let blog_detail_ss_button=$('.blog_detail_ss_button')
blog_detail_ss_button.on("click",function(){
sendCheckNotify()
})
function sendCheckNotify(){
let author = page_metadata.attr('data-author-id')
let obj_type = 3
let obj_id = page_metadata.attr('data-obj-id')
console.log("author:"+author,"obj_type:"+obj_type,"obj_id:"+obj_id)

const data = {
id:obj_id,
type:obj_type,
author:author
}
$.ajax({
type: 'post',
url: '/action/blog/fsck_status',
data: data,
success: (res) => {
if(res.message){
swal({
text: res.message || '网络错误，请稍后再试',
});
}else {
swal({
text: res.message,
});
}
},
error: () => {
swal({
text: "网络错误，请稍后再试",
});
}
})
}

// function cloudpage(){
// let meta=$('.page_metadata')
// let is_red = meta.attr('data-is-red')
// let is_check = meta.attr('data-is-check')
// let login_uid = meta.attr('data-login-uid')
// let author_id = meta.attr('data-author-id')
// let admin = meta.attr('data-is-oscer')
//
// if(is_check === 'false' && is_red != 'true' && admin!= 'true' && login_uid != author_id){
// let main_box = $('.main-box')
// let full_size = main_box.html().length
// let fk_content = "

***************************************"
// fk_content += "

"
// if(full_size<2000){
// full_size = 3000
// }
// fk_content += " *************************************************************************************"
// fk_content += "*************************************************************************************"
// fk_content += ""
//
// fk_content += "

当前内容疑似存在违反社区规则内容。
"
// fk_content += "

误判，申请解封

"
// fk_content += "

"
// fk_content += " ****"
// for(i=1 ;i"
// fk_content += "

"
// main_box.html(fk_content)
// }
// }
// cloudpage()

OSCHINA 社区

关于我们
帮助中心
合作伙伴
Open API

在线工具

Gitee.com
企业研发管理
CopyCat-代码克隆检测
实用在线工具

攻略

项目运营
Awesome 软件（持续更新中）

QQ群



229767317

公众号



视频号



©OSCHINA(OSChina.NET)

工信部

开源软件推进联盟

指定官方社区

社区规范

深圳市奥思网络科技有限公司版权所有

粤ICP备12009483号

.codeBlock:hover .oscCode{display: block !important;} .codeBlock{z-index: 2;position: fixed;right: 20px;bottom: 57px; overflow: hidden; margin-bottom: 4px;padding: 8px 0 6px;width: 40px;height: auto;box-sizing: content-box;cursor: pointer;border: 1px solid #ddd;background: #f5f5f5;text-align: center;transition: background 0.4s ease;}
@media only screen and (max-width: 767px){ .codeBlock{display: none;}}

/*
html{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter:none;
}
*/




if(window.location.href.indexOf("www.oschina.net/group")!=-1 && window.location.href.indexOf("/admin/")!=-1){
document.querySelector("#mainScreen > div > div.group-admin-container > div.admin-body-box.box-card > div > div.menu-box > div > div:nth-child(4)").remove()
}



顶部

(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https'){
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else{
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();

var _hmt = _hmt || [];
_hmt.push(['_requirePlugin', 'UrlChangeTracker', {
shouldTrackUrlChange: function (newPath, oldPath) {
return newPath && oldPath;
}}
]);
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?a411c4d1664dd70048ee98afe7b28f0b";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();

{
"@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
"@id": "https://my.oschina.net/emacs_8431973/blog/16396952",
"appid": "1653861004982757",
"title":"深入解析JavaScript表格操作 居中对齐、动态添加行与隐藏元素的最佳",
"images": [""],
"description":"如何在JavaScript中实现表格操作的优化，特别是如何实现表格内容的居中对齐、动态添加行以及隐藏元素的最佳实践？ 深入解析JavaScript表格操作：居中对齐、动态添加行与隐藏元素的最佳实践 引言 在Web开发中，JavaScript表格操作是一项常见且重要的任务。无论是数据展示还是用户交互，表格都扮演着关键角色。本文将深入探...",
"pubDate": "2024-10-19T13:04:01+08:00",
"upDate":"2024-10-19T13:04:01+08:00",
"lrDate":""
}

<!--

window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-TK89C9ZD80');

-->

window.goatcounter = {
path: function(p) { return location.host + p }
}

(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?2f2c965c87382dadf25633a3738875e5ccd132720338e03bf7e464e2ec709b9dfd9a9dcb5ced4d7780eb6f3bbd089073c2a6d54440560d63862bbf4ec01bba3a";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)

腾讯微信鸿蒙原生版正式上架华为商店

Python 3.12 vs Python 3.13 – 性能测试

🔥 超神器啊！0.4Mb 就为 Java 中间件的控制台开发提供”神王级”支持

开源日报 | 快速部署黑苹果工具；宝可梦游戏源代码泄露；AI如何让世界变得更好；vivo自研操作系统内核

开源日报 | 用Rust编写新浏览器引擎；人工智能的科学视角；OpenAI大清洗；“蓝色巨人”危机重重；星舰不算科学成就；AI翻译界杀手诞生

Unity 6 正式发布：大幅提升稳定性和性能、渲染速度更快

开源日报 | Tesla搞机器人非常正确；AI教父Diss OpenAI；工程师在工作电脑存储64G色情内容；基于思维链的AI搜索

VirtualBox 7.1.4 发布

Layui 发布 2.9.18 稳定版本

🔥 SqlUtils 使用