使用Jquery添加占位符属性

我有一个简单的问题。 我只想在输入上添加占位符。 这是代码:

HTML:  JQuery: var link = document.querySelector('.link'); link.style.display='block'; link.classList.remove('hidden'); if(val === 1) // for a movie link.classList.add('placeholder="Add Movie Title. ."'); else // for an external link link.classList.add('placeholder="Add External Link . ."'); 

如您所见,占位符不起作用,因为语法错误。 我搜索了我的问题的相关解决方案,但他们使用这样的不同方法

 $("").attr("placeholder", "Type here to search");}); 

但我需要的东西与我添加样式的东西类似,但我不确定是否还有其他方法可以做到。 有类似的方法吗?

你只需要这个:

 $(".hidden").attr("placeholder", "Type here to search"); 

classList用于操作类而不是属性。

由于本机支持问题,这行代码可能无法在IE 8中运行。

 $(".hidden").attr("placeholder", "Type here to search"); 

您可以尝试为此任务导入JQuery占位符插件 。 只需将其导入您的库并从下面的示例代码启动。

 $('input, textarea').placeholder(); 

如果您想使用纯JavaScript,请尝试以下内容:

 document.getElementsByName('link')[0].placeholder='Type here to search';