gpt4 book ai didi

javascript - html - 使用 element.lang 更改语言

转载 作者:太空狗 更新时间:2023-10-29 13:35:13 25 4
gpt4 key购买 nike

关于堆栈的第一个问题,快来告诉我吧!我正在尝试开发一种新方法(显然,因为我没有在网上看到这个问题的解决方案,也许是因为这是不可能的)来使用 JS 和 lang 属性更改 HTML 编写元素的语言。

基本上,我创建了多个标签,每个标签都带有 lang 属性,以便为特定 lang 提供显示值 -none-,隐藏它,并使用 -inherit- 值来显示它。这样,使用该行:

a:lang(en),p:lang(en) { display : none }
a:lang(it),p:lang(it) { display : inherit }

我一次只能看到一种语言。那行得通!

现在,我创建了一个

<a href="" lang="en" id="en"> word </a>

围绕英文文本进行标记,与具有自己的 lang 属性的任何其他语言一样。我尝试使用:

$("#en").click(function(){
$('a:lang(en)').css('display', 'inherit');
$('a:lang(it)').css('display', 'none');
};

这似乎不起作用。

有什么想法吗?

非常感谢,谢伊

最佳答案

当加载您的页面时带有 <body class="it"> , 以及所有 :lang(en)标签将被隐藏。

body.en :lang(it) {
display: none;
}
body.it :lang(en) {
display: none;
}

当您需要更改语言时,只需更改 className<body> .

$("#en").click(function(){
document.body.className = 'en';
};

哪个更优雅,速度更快。

演示:http://jsfiddle.net/Gw4eQ/


使用 :not选择器使其适用于更多语言。 demo

body:not(.en) :lang(en), 
body:not(.it) :lang(it),
body:not(.fr) :lang(fr) {
display: none;
}

关于javascript - html - 使用 element.lang 更改语言,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13606290/

25 4 0
文章推荐: android - 从后台线程访问 View 尺寸
文章推荐: html - 为什么我应该在我的 HTML 中使用 UL/LI?
文章推荐: Android - 分段圆形按钮
文章推荐: JavaScript:如何隐藏/取消隐藏
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com