开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

当我尝试使用div的类名将using附加到div时，它不会附加元素，但如果我直接使用div附加元素

如果使用div的类名将using附加到div上时，它不会附加元素，但如果直接使用div附加元素，则会成功。

这个问题可能是由于代码逻辑或语法错误导致的。下面是一些可能导致这种情况的常见原因和解决方法：

确保正确使用类名：使用类名时，应确保类名存在且正确拼写。在HTML中，类名应使用class属性，并在CSS中进行样式定义。
检查CSS选择器：使用类名时，需要使用正确的CSS选择器来选择具有该类名的元素。常见的选择器包括".class-name"和"div.class-name"。如果选择器不正确，将无法选择到元素。
检查JavaScript代码：如果是通过JavaScript来附加元素，确保使用正确的方法和语法。例如，可以使用document.querySelector或document.getElementsByClassName来选择元素，并使用appendChild或insertAdjacentHTML等方法将元素附加到div上。
确保DOM准备完毕：在执行操作之前，确保DOM已经准备完毕。可以使用DOMContentLoaded事件或window.onload事件来确保DOM加载完成后再执行操作。

综上所述，要解决这个问题，需要检查代码逻辑、语法和选择器，并确保DOM准备完毕。如果问题仍然存在，建议提供更多的代码片段或详细信息，以便进一步排查和解决问题。

腾讯云相关产品和介绍链接地址：

腾讯云产品介绍：https://cloud.tencent.com/product
腾讯云云原生产品：https://cloud.tencent.com/solution/cloud-native
腾讯云音视频处理产品：https://cloud.tencent.com/solution/media
腾讯云人工智能产品：https://cloud.tencent.com/solution/ai
腾讯云物联网产品：https://cloud.tencent.com/solution/iot
腾讯云移动开发产品：https://cloud.tencent.com/solution/mobile
腾讯云存储产品：https://cloud.tencent.com/solution/storage
腾讯云区块链产品：https://cloud.tencent.com/solution/blockchain
腾讯云元宇宙产品：https://cloud.tencent.com/solution/metaverse

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

移除jQuery好像也没那么难

jQuery 是一个非常实用且实用的库，但随着浏览器对 ES6 的广泛支持（截至撰写本文时超过 96%），现在可能是时候从 jQuery 过渡到原生 JavaScript 了。我最近从我的博客中移除了 jQuery，并发现自己不断地在谷歌上搜索一些模式。为了节省大家的时间，我编写了这个实用的参考指南，列出了一些最常见的 jQuery 模式及其在 JavaScript 中的等价物。我们将涵盖如何从这些概念和函数迁移到纯 JavaScript。

01

如何用 Python 构建一个简单的网页爬虫

您有没有想过程序员如何构建用于从网站中提取数据的网络抓取工具？如果你有，那么这篇文章就是专门为你写的。我们生活在一个数据驱动的世界已经不是什么新闻了，企业需要的大部分数据都只能找到。通过使用称为网络抓取工具的自动化机器人，您可以高速从网站中提取所需的数据。谷歌、雅虎、Semrush、Ahref 和许多其他数据驱动的网站都是如此。

03

如何实现动态添加的元素添加点击事件

在页面开发过程中常常遇到需要动态添加元素，然后给这一元素绑定相关事件的情况，这种情况下一般需要给元素加上相关属性，然后写这些元素的事件函数即可。动态添加的元素怎么绑定事件呢？

02

Python 容易理解的列表示例——插入、追加、长度、索引、删除、弹出

Python 语言中的列表可以与 Java 中的数组进行比较，但它们在许多其他方面是不同的。几乎所有用 Python 编写的程序都使用列表。这里将通过实际示例了解 Python 列表。

00

第50次文章：JQuery基础

tips：window.onload 和 $(function)异同：两者的功能相同，都是等到页面加载结束之后，再执行内部的代码。但是有一定的区别，主要是window.onload只能定义一次，如果定义多次，后边的会将前边的覆盖掉，$(function)可以定义多次的。

03

Class 与 Style 如何动态绑定？

在 Vue 中，你可以使用动态绑定来设置元素的类名和内联样式。这可以通过 v-bind 或简写的冒号语法 : 来实现。

03

WebComponent魔法堂:深究Custom Element 之从过去看现在

前言说起Custom Element那必然会想起那个相似而又以失败告终的HTML Component。HTML Component是在IE5开始引入的新技术，用于对原生元素作功能"增强"，虽然仅仅被IE所支持，虽然IE10也开始放弃它了，虽然掌握了也用不上，但还是不影响我们以研究的心态去了解它的:) 把玩HTML Component HTML Component简称HTC，它由定义和应用两部分组成。定义部分写在.htc文件中(MIME为text/x-component)，由HTC独有标签、JScrip

「译」如何编写 React 应用程序的样式

过去十年间，Web 应用程序的构建方式已经发生了根本性的变化。我们现在关注的不是页面，而是组件。不再将数据传递给模板进行渲染，而是管理动态状态。我们借助强大的 API，将以前难以解决的一致性错误简化为微不足道的逻辑处理。

01

Go 语言之父详述切片与其他编程语言数组的不同

切片是Go 语言核心的数据结构，然而刚接触 Go 的程序员经常在切片的工作方式和行为表现上被绊倒。比如，明明说切片是引用类型但在函数内对其做的更改有时候却保留不下来，有时候却可以。究其原因是因为我们很多人用其他语言的思维来尝试猜测 Go 语言中切片的行为，切片这个内置类型在 Go 语言底层有其单独的类型定义，而不是我们通常理解的其他语言中数组的概念。

03

8 个 DOM 功能

你肯定用 addEventListener() 处理过将事件附加到 Web 文档中的元素。通常 addEventListener() 调用看起来像这样：

02

集合框架【第三章】——queue队列

对于具体的实现类，有的Queue有最大队列长度限制，有的Queue没有。注意到添加、删除和获取队列元素总是有两个方法，这是因为在添加或获取元素失败时，这两个方法的行为是不同的。（这是Queue的一些异常处理表格如下：）

03

JavaScript做简单的购物车效果（增、删、改、查、克隆）

比如有时候遇到下面这种情况，点击加入购物车，然后在上方的购物车中动态的添加商品以及商品的信息，我们就可以通过JavaScript实现简单的这些操作。

01

JavaScript 是如何工作: Shadow DOM 的内部结构+如何编写独立的组件！

Web Components 是一套不同的技术，允许你创建可重用的定制元素，它们的功能封装在你的代码之外，你可以在 Web 应用中使用它们。

03

回到基础：理解 JavaScript DOM[每日前端夜话0x45]

原文：https://medium.freecodecamp.org/an-introduction-to-the-javascript-dom-512463dd62ec

03

如何使用 CSS flex box 和 Javascript 设计棋盘

在这篇文章中，我将展示如何使用 css 和一些 JavaScript 来设计棋盘。为此，你需要对 CSS Flex-box 和 nth-child() 属性有基本的了解。

01

JavaScript 学习-34.HTML DOM 创建/插入/删除/替换元素

前言 HTML DOM 可以创建一个新元素，并插入到指定元素的位置 createElement 创建元素 document.createElement() 可以创建一个元素 document.createTextNode() 创建一个文本节点 appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。使用示例

这是文本内容

<script> // div下添加一个子元素节点，放到p标签下 b

03

分享30个你必须知道的JS基础知识

今天这篇文章整理了30个你必须知道的关于JavaScript的常识点，无论你是面试还是日常开发，都会给你很大的帮助。

03

HTML5 & CSS3初学者指南(2) – 样式化第一个网页

介绍我们已经使用基本的 HTML 编写了一个网页。但是，写出来的 HTML 代码的网页看起来很平淡，没有吸引力。如何改善这种很平淡的页面呢？让我们开始使用网页的基本样式来改善页面效果，我们将会使

07

一文入门jQuery

一个JavaScript框架。简化JS开发。 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已。

02

CSS Modules VS. styled-components，哪个才是解决 CSS 不足之处的更好方案？

CSS 是一门标记语言，用于元素布局及样式定义。它存在很多问题，例如书写效率和维护性低；缺乏模块机制、变量、函数等概念；容易出现全局样式污染和样式冲突等。目前前端社区存在很多解决上述问题的方案，主要包括 CSS Module以及 styled-components💅（CSS-in-JS 的代表）。 styled-components 在我的日常开发中用得很多，并且用得非常顺手。它的 CSS-in-JS 思想以及通过 props 来动态更改样式跟 React 的开发理念一脉相承，并且还基于 React Con

07

浏览器工作原理

这篇文章是以色列开发人员塔利·加希尔的研究成果。她在查阅了所有公开发布的关于浏览器内部机制的数据，并花了很多时间来研读网络浏览器的源代码。她写道：

04

Web Components(Sahdow DOM/自定义元素)入门

作为开发者，我们都知道尽可能多的重用代码是一个好主意。这对于自定义标记结构来说通常不是那么容易 — 想想复杂的HTML（以及相关的样式和脚本），有时您不得不写代码来呈现自定义UI控件，并且如果您不小心的话，多次使用它们会使您的页面变得一团糟。

02

java 判断子集_java – 获取集合子集的策略

我有一个场景,我的应用程序可以访问有限时间窗口的会话,在此期间它必须从数据库中获取数据到内存中,然后只使用内存中的数据来处理请求.

02

Rxjs 响应式编程-第四章构建完整的Web应用程序

在本章中，我们将构建一个典型的Web应用程序，在前端和后端使用RxJS。我们将转换文档对象模型（DOM）并使用Node.js服务器中的WebSockets进行客户端 - 服务器通信。

01

初识JAVA：HashMap与HashSet的区别

面试中经常被问到HashMap与HashSet的区别。于是本渣静下心来总结了一下HashSet与HashMap的区别。

03

HashMap与HashSet的区别？

面试中经常被问到HashMap与HashSet的区别。于是本渣静下心来总结了一下HashSet与HashMap的区别。

00

jQuery 属性操作

jQuery 常用属性操作有三种：prop() / attr() / data() ;

02

重学ASP.NET Core 中的标记帮助程序

标记帮助程序使服务器端代码可以在 Razor 文件中参与创建和呈现 HTML 元素。例如，内置的 ImageTagHelper 可以将版本号追加到图片名称。每当图片发生变化时，服务器都会为图像生成一个新的唯一版本号，因此客户端总能获得当前图像（而不是过时的缓存图像）。

01

Shadow DOM的理解

Shadow DOM是HTML的一个规范，其允许在文档document渲染时插入一颗DOM元素子树，但是这棵子树不在主DOM树中，Shadow DOM如果按照英文翻译的话可以翻译为影子DOM，是一种不属于主DOM树的独立的结构。

01

DMO节点内部插入的常用方法与区别

动态创建的元素是不够的，它只是临时存放在内存中，最终我们需要放到页面文档并呈现出来。那么问题来了，怎么放到文档上？

00

10 个最佳 CSS 动画库

网站地址:http://animista.net/ 网站描述:在线生成 css 动画

01

[jQuery学习系列一]1-选择器与DOM对象

前言: 好久没有更新博客了, 最近想复习下之前学过的JS的相关内容, 也算是自己的一种总结. 知识长时间不用就会忘记, 多学多记多用!! 下面的程序都可以在下面的网站进行在线调试: http://

深入理解Shadow DOM v1[每日前端夜话0x63]

shadow DOM不是超级英雄电影中的恶棍，也不是DOM的黑暗面。 shadow DOM只是一种解决文档对象模型（或简称DOM）中缺少的树封装方法。

02

《现代Javascript高级教程》ShadowDOM

在现代的 Web 开发中，组件化和样式隔离是非常重要的概念。为了解决这些问题，Web 标准引入了 Shadow DOM 技术。Shadow DOM 允许开发者创建封装的组件，并将组件的样式和行为隔离在组件的 Shadow DOM 内部。本文将详细介绍 Shadow DOM 的属性和 API，并探讨其在实际开发中的应用场景。

02

拖拽牛逼，轻松实现一个自由拖拽的组件

大家好，在前两篇文章中，我们走进了前端低代码的世界，并揭秘了低代码的核心——页面设计器的实现。在揭秘页面设计器时，我们重点分享了顺序排列布局的组件拖动方式，那篇文章[2]的评论中，有小伙伴问到自由布局的实现，那么我们在这篇文章中来分享一下自由布局拖动的实现原理，实现一个设计器组件自由拖动的最简demo。

03

Web前端学习第3章 JavaScript基础教程15 DOM操作

在html中我们有一个h1标签和一个按钮，h1标签内已经有了一段文本。当我们点击按钮的时候，在h1标签中插入“hello world” 示例代码如下:

01

低代码设计器的自由布局拖动的实现原理

大家好，我们在这篇文章中来分享一下自由布局拖动的实现原理，实现一个设计器组件自由拖动的最简demo。

03

Python面试中8个必考问题

很多人都会误认为list1=[10]，list3=[‘a’],因为他们以为每次extendList被调用时，列表参数的默认值都将被设置为[].但实际上的情况是，新的默认列表只在函数被定义的那一刻创建一次。

02

通过示例了解Vue过渡和动画

Vue过渡和动画让我们网站更具现代感并为网站访问者提供更好的用户体验的好方法。幸运的是，对于开发人员而言，Vue动画只需几分钟即可完成设置。

04

Python 面试中8个必考问题

翻译 everfighting 原文链接：https://www.toptal.com/python/interview-questions Q1、下面这段代码的输出结果是什么？请解释。 def

09

Python 面试中 8 个必考问题

很多人都会误认为list1=[10]，list3=[‘a’],因为他们以为每次extendList被调用时，列表参数的默认值都将被设置为[].但实际上的情况是，新的默认列表只在函数被定义的那一刻创建一次。

03

Python 面试中的必考问题

很多人都会误认为 list1=[10],list3=[‘a’],因为他们以为每次 extendList 被调用时，列表参数的默认值都将被设置为[].但实际上的情况是，新的默认列表只在函数被定义的那一刻创建一次。当 extendList 被没有指定特定参数 list 调用时，这组 list 的值随后将被使用。这是因为带有默认参数的表达式在函数被定义的时候被计算，不是在调用的时候被计算。因此 list1 和 list3 是在同一个默认列表上进行操作（计算）的。而 list2 是在一个分离的列表上进行操作（计算）的。（通过传递一个自有的空列表作为列表参数的数值）。

03

关于“Python”的核心知识点整理大全4

编程语言Perl曾在互联网领域长期占据着统治地位，早期的大多数交互式网站使用的都是 Perl脚本。彼时，“解决问题的办法有多个”被Perl社区奉为座右铭。这种理念一度深受大家的喜爱，因为这种语言固有的灵活性使得大多数问题都有很多不同的解决之道。在开发项目期间，这种灵活性是可以接受的，但大家最终认识到，过于强调灵活性会导致大型项目难以维护：要通过研究代码搞清楚当时解决复杂问题的人是怎么想的，既困难又麻烦，还会耗费大量的时间。

01

AngularDart 4.0 高级-结构指令顶

本指南介绍Angular如何用结构指令操纵DOM，以及如何编写自己的结构指令来完成相同的操作。

02

JS的面试题（一）

从自身开始，沿着__proto__指向，一直到Object.prototype，这样一条链式结构，终点是null

01

Unity应用架构设计(4)——设计可复用的SubView和SubViewModel(Part 1)

『可复用』这个词相信大家都熟悉，通过『可复用』的组件，可以大大提高软件开发效率。值得注意的事，当我们设计一个可复用的面向对象组件时，需要保证其独立性，也就是我们熟知的『高内聚，低耦合』原则。组件化设计的思路不管是开发客户端应用程序还是开发服务器端应用程序，『组件』这个词我们并不陌生。不管是在iOS中的xib，还是在AngularJS的Component，或者后端开发的 User Control，可复用的组件是面向对象开发的基础。所以在Unity 3D 框架设计时，组件化是核心的概念。那么如何去设计S

05

JavaScript 添加一个元素标签[通俗易懂]

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/152091.html原文链接：https://javaforall.cn

02

C# WPF MVVM开发框架Caliburn.Micro 关于Conventions⑧

Caliburn.Micro的一个主要特性是，它能够通过一系列约定消除对锅炉铭牌代码的需求。有些人喜欢习俗，有些人讨厌习俗。这就是为什么CM的约定是完全可定制的，如果不需要，甚至可以完全关闭。如果您要使用约定，并且由于它们在默认情况下处于启用状态，那么最好了解这些约定是什么以及它们是如何工作的。这就是本文的主题。

02

【说站】js数组在头部或尾部插入元素的方法

以上就是js数组在头部或尾部插入元素的方法，希望对大家有所帮助。更多js学习指路：js教程

02

Go语言入门基础

指针 Go 具有指针。指针保存了变量的内存地址。类型 *T 是指向类型 T的值的指针。其零值是 nil 。 var p *int 复制代码 & 符号会生成一个指向其作用对象的指针。 i := 42 p = &i 复制代码 *符号表示指针指向的底层的值。 fmt.Println(*p) // 通过指针 p 读取 i *p = 21 // 通过指针 p 设置 i 这也就是通常所说的“间接引用”或“非直接引用”。与 C 不同，Go 没有指针运算。 package main import

07

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭