通过javascript将CSS添加到元素在控制台中有效，但在html结构中不起作用。

在控制台中通过JavaScript将CSS添加到元素是一种临时的方式来修改元素的样式，但并不会对HTML结构产生影响。这是因为在HTML结构中，元素的样式通常是通过CSS文件或内联样式表定义的。

临时修改样式的一个常见场景是在开发过程中进行调试或测试，以便快速验证特定样式效果。

然而，如果需要在HTML结构中永久应用样式，应该使用以下方法：

1. 使用内联样式表：将CSS样式直接应用到元素的style属性中。例如：

<div style="color: red;">Hello World</div>

1. 使用外部CSS文件：创建一个独立的CSS文件，将样式定义在其中，然后通过link标签将其引入到HTML文件中。例如：

<link rel="stylesheet" href="styles.css">

其中，styles.css是包含样式定义的外部CSS文件。

需要注意的是，以上方法适用于HTML中的静态内容。如果需要在JavaScript中动态地修改样式，可以使用以下方法：

1. 使用DOM操作：通过JavaScript获取元素的引用，然后使用DOM属性和方法来修改样式。例如：

var element = document.getElementById('myElement');
element.style.color = 'red';

1. 添加/移除CSS类：通过JavaScript添加或移除元素的CSS类，从而实现样式的变化。例如：

var element = document.getElementById('myElement');
element.classList.add('highlight');

在上述代码中，'highlight'是一个预先定义好的CSS类，其中包含要应用的样式。

对于使用腾讯云的相关产品，以下是一些推荐的链接：

1. 腾讯云云服务器（CVM）：提供弹性、安全、稳定的云服务器实例，可满足不同应用场景的需求。了解更多：腾讯云云服务器
2. 腾讯云对象存储（COS）：提供安全、可靠、低成本的对象存储服务，适用于存储和处理大规模的非结构化数据。了解更多：腾讯云对象存储
3. 腾讯云云函数（SCF）：无服务器云函数，支持多种触发方式，实现按需运行代码逻辑，无需关心基础设施。了解更多：腾讯云云函数

请注意，以上链接仅为示例，具体的产品选择应根据实际需求和场景来确定。