为什么我的innerHTML覆盖父类的样式属性?以及我该如何解决这个问题
Why is my innerHTML is overwriting style properties of the parent class? and how do i solve this?
im Aron和我是javascript 的新手
这是我的问题:
我正在尝试从html中的表单输入创建新内容但是,如果在表单中输入多个字符,则新的html不会按正确的宽度进行分解。
我希望我解释得对。这是我的网站的链接
这是我的javascript:
function plaatsMagnet()
{
console.log('plaatsMagnet');
$('#magnetcontent').prepend('<div id="magnetjes" class="large-3 columns"></div>');
var textmagnet = $('#textMagnet').val()
var naammagnet = $('#inhoud').val()
var
divTag = document.createElement("div");
divTag.id = "magnetje";
divTag.className =" panel";
divTag.innerHTML = "<h5>" + (naammagnet) + "</h5>" + "<p>" + (textmagnet) + "</p>";
$('#magnetjes').append(divTag);
};
我真的希望你们能帮助我!:)
jesCount = 0; // will keep the counter for magnetjes divs
jeCount = 0; // will keep the counter for magnetje divs
// All the ids will be unique, magnetjes0,magnetjes1.... and magnetje0, magnetje1...
// if you can mantain an array instead it will be better.
// I have taken counters as global vars to show different id implementations for each div. I deally you should encapsulate such change in a function.
function plaatsMagnet()
{
console.log('plaatsMagnet');
$('#magnetcontent').prepend('<div id="magnetjes'+ jesCount +'" class="large-3 columns"></div>');
var textmagnet = $('#textMagnet').val()
var naammagnet = $('#inhoud').val()
var
divTag = document.createElement("div");
divTag.id = "magnetje" + jeCount; // will increment the current value and
jeCount++;
divTag.className =" panel";
divTag.innerHTML = "<h5>" + (naammagnet) + "</h5>" + "<p>" + (textmagnet) + "</p>";
$('#magnetjes'+jesCount).append(divTag);
jesCount++;
};
相关文章:
- 如何解决Yii中的页面刷新问题
- 测试Angular Service解决错误回调中的promise
- 如何解决Access Control Allow Origin错误
- 如何解决这种情况下的非法调用类型错误
- 简单的ES6承诺问题-交换解决和拒绝参数
- 可以转换显示属性吗?如果没有,什么'这是最好的解决方案
- iPad虚拟键盘-哪一个-javasctript解决方案
- 在ES6 Promise中,我应该在解决/拒绝之前使用return吗
- 如何解决“;错误所请求的URL返回500-内部服务器错误”;
- 如何逃离<脚本>jquery html()中的标记.我使用了innerHTML和outerHTML来解决这个
- 如何解决'窗口未定义'终端上的节点JS出错
- Angularjs:如何在使用'解决'在$routeProvider中
- 可以't解决Javascript错误
- AJAX HTTP基本身份验证解决方案
- 为什么不'我的窗口滚动事件根本没有启动.其他答案没有解决问题
- 如何解决此错误
- 在chrome web商店中打开时,是否有允许执行内容/后台脚本的解决方案
- CORS故障无法解决jquery,laravel5.2
- Imacros解决解决媒体验证码
- 如何解决/解决JQuery安全异常0x80530012