html 相关问题

我想将 CSS 应用到在 TypeScript 中创建的元素。如果不添加 TypeScript 中的样式（test.style.color = 'red';），这可能吗？我的HTML：我想将 CSS 应用到在 TypeScript 中创建的元素。如果不添加 TypeScript 中的样式（test.style.color = 'red';），这可能吗？我的 HTML： <div class="testContainer"> <p>Created in HTML</p>  </div> 我的打字稿： ngOnInit() { let container = document.querySelector('.testContainer') if(container) { let test = document.createElement('p'); test.textContent = "Created in TS" container.append(test) } else { console.log('TestContainer not found') } } 我的CSS： p { color: red; } 我尝试向在 TypeScript 文件中创建的元素添加类。它们显示在我的浏览器的开发人员工具中，但未应用 CSS。您可以直接将类添加到在 TypeScript 文件中创建的元素。 TypeScript 代码 test.textContent = "Created in TS"; test.setAttribute("class","MyClass"); container.append(test); CSS .MyClass { color: green !important; }

html css angular typescript

回答 1 投票 0

如何隐藏输入文件并将输入=“文件”样式设置为图标/图像

我希望隐藏 input="file" 并使用图标设置 input="file" 的样式，然后单击该图标来选择图像。 .cover_photo {宽度：100%；高度：250px；溢出：隐藏；职位：亲戚...

javascript html css

回答 6 投票 0

动态添加和删除制表网格单元格中的 css 类

我想“选择”使用制表器网格创建的表中的一列。我想要实现的是将 css 类添加到选定的列：我尝试通过添加 cellClick 函数来做到这一点...

javascript html css grid tabulator

回答 1 投票 0

如何使用bootstrap在页脚中制作圆角上边距？

我想让页脚在左上角和右上角变圆。我目前正在使用内联样式来检查一切是否正常。但它并不能使它看起来圆润。我正在使用 Bootstra...

html bootstrap-5 footer

回答 1 投票 0

缩小 HTML，但不要用 Gulp 接触 PHP

问题我有很多 .php 文件，主要包含 HTML，但顶部也有一些 PHP 行（例如表单触发代码或类似代码）。所以他们看起来像问题我有很多 .php 文件，大部分包含 HTML，但顶部也有一些 PHP 行（例如表单触发代码或类似代码）。所以他们看起来像 <?php if($someValue){ //doSth } //more content ?> <!DOCTYPE html> <html lang="de"> <head> <title>My Website</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> </body> </html> 目标我的目标是缩小 HTML（甚至可能是内联 JavaScript，但这只是一点额外的），而不触及顶部的 PHP。我使用 Gulp 作为自动构建工具，并希望看到使用此工具和任何需要的额外包的解决方案。 gulp-htmlmin模块使用html-minifier模块，该模块有很多可用的选项（显示在其npmjs.com和github页面上）。我们重点关注的选项是ignoreCustomFragments。 var gulp = require(gulp), htmlmin = require(gulp-htmlmin); gulp.task('htmltask', function(){ return gulp.src(['./dev/*.html','./dev/*.php']) .pipe(htmlmin({ collapseWhitespace: true, ignoreCustomFragments: [ /<%[\s\S]*?%>/, /<\?[=|php]?[\s\S]*?\?>/ ] })) .pipe(gulp.dest('./site')); }); 在上面的代码中，您会看到我们将 ignoreCustomFragments 与正则表达式 /<\?[=|php]?[\s\S]*?\?>/ 一起使用来忽略以 <? 和 <?php 开头并以 ?> 结尾的代码。默认情况下，html-minifier会忽略php，因此您不必担心设置ignoreCustomFragments。编辑谢谢阿默斯克您使用的某些 php 文件可能没有结束标签，例如许多 WordPress 文件就没有。另一种选择是使用以下内容： ignoreCustomFragments: [/<\?[\s\S]*?(?:\?>|$)/] 您可以使用此 VSCode 扩展：Minify HTML in PHP 这对我有用！ // Gulp.js configuration var // modules gulp = require('gulp'), newer = require('gulp-newer'), htmlmin = require('gulp-htmlmin') // development mode? devBuild = (process.env.NODE_ENV !== 'production'), // folders folder = { src: 'src/', build: 'build/' } gulp.task('minify', () => { return gulp.src('src/*.html') .pipe(htmlmin({ collapseWhitespace: true })) .pipe(gulp.dest('dist')); }); ;

javascript php html gulp minify

回答 3 投票 0

未捕获（承诺中）TypeError：document.getElementById(..) is null

我对 JS 和 HTML 比较陌生，但是我无法理解如何解决我遇到的问题，我认为问题是在页面加载之前运行的脚本，所以已经尝试过，但我不确定...

javascript html

回答 1 投票 0

SVG动画仅在我打开浏览器的开发工具时才开始

当我将带有 SVG 动画图像的 div 注入到 Bootstrap 5 offcanvas 内的 HTML 中（然后以编程方式显示）时，只有在我打开开发工具时动画才会开始...

html jquery svg

回答 2 投票 0

让项目离开水平列表中的 div

我正在尝试仅使用 html css 重新创建这个概念应用程序的主页。现在我想让“热门类别”列表从外部 div 中消失，就像这张图片中的那样：（具体来说...