添加一个课程 div

我有一个检查发送表单的年龄的函数，然后返回新内容 div 取决于他们的年龄。 现在我只是用 getElementById 替换内容 HTML. BUt 如果我也可以添加一个课程，我认为这对我来说会更好 div. 因此，例如，我有。


if /under certain age/ {

 document.getElementById/'hello'/.innerHTML = "<p>Good Bye</p>"; 

 createCookie/'age','not13',0/

 return false;

} else {

 document.getElementById/'hello'/.innerHTML = "<p>Hello</p>"; 

 return true;

}


我想做什么 - 这一切都在 div, 如果你回来 false, 那么这一点 div 它将消失，并将被另一个内容所取代。 我可以获得有关实现这一目标的好方法的想法吗？ pure JavaScript. 我不想使用 jQuery 对于这个特定的功能。
2021-03-20 添加评论
分享

没有找到相关结果

    已邀请:

    快网

    赞同来自:

    如果该项目没有类，请给予它。 否则，添加遵循新的空格 className:


    var el = document.getElementById/'hello'/;
    
 if/el/ {
    
 el.className += el.className ? ' someClass' : 'someClass';
    
 }
    2021-03-21 0 0
    分享

    小姐请别说爱

    赞同来自:

    使用
    https://developer.mozilla.org/ ... sList

    document.getElementById/'hello'/.classList.add/'someClass'/;


    方法
    .add

    仅当元素中不存在时才添加类。 所以不要担心重复的类名。
    2021-03-21 0 0
    分享

    江南孤鹜

    赞同来自:

    您可以向会员添加一个类
    className

    带着领先的空间。


    document.getElementById/'hello'/.className += ' new-class';


    看
    https://developer.mozilla.org/ ... sName
    2021-03-21 0 0
    分享

    江南孤鹜

    赞同来自:

    好吧，你只需要使用
    document.getElementById/'hello'/.setAttribute/'class', 'someclass'/;

    .

    还
    innerHTML

    可能会导致意外结果！ 考虑以下;


    var myParag = document.createElement/'p'/;
    

    
if/under certain age/
    
{
    
 myParag.text="Good Bye";
    
 createCookie/'age', 'not13', 0/;
    
 return false;
    
{
    
else
    
{
    
 myParag.text="Hello";
    
 return true;
    
}
    

    
document.getElementById/'hello'/.appendChild/myParag/;
    2021-03-21 0 0
    分享

    江南孤鹜

    赞同来自:

    在 DOM 元素类只是一个空间分隔的每个类。 您只需要实现句法分析的逻辑以插入 / 根据需要删除类。

    虽然我想知道......你为什么不用 jQuery? 这使得这种微不足道的问题。
    2021-03-21 0 0
    分享

    奔跑吧少年

    赞同来自:

    我使用下面的函数来动画图标 UiKit 只使用齿轮 JavaScript


    document.getElementById/"spin_it"/.onmouseover=function/e/{
    
var el = document.getElementById/"spin_it"/;
    
var Classes = el.className;
    
var NewClass = Classes+" uk-icon-spin";
    
el.className = NewClass;
    
console.log/e/;
    
}



    <span class="uk-icon uk-icon-small uk-icon-gear" id="spin_it"></span>



    此代码不起作用 here...you 必须加入K.
    http://getuikit.com/
    风格 UIKit
    2021-03-21 0 0
    分享

    小姐请别说爱

    赞同来自:

    我遇到了同样的问题。 如果隐藏父元素，则显示所选项目后，不会显示下拉列表。
    这不是一个理想的解决方案，但它解决了我的问题。 显示项目后，您可以使用以下代码。


    function onshowelement// { $/'.chosen'/.chosen/'destroy'/; $/".chosen"/.chosen/{ width: '100%' }/; }
    2021-03-21 0 0
    分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册

    Copyright © 2023, All Rights Reserved