如何在Vanilla JavaScript中制作Jquery的.html()函数

乔·霍波

我一直在网上寻找如何做到这一点。我试图在香草JavaScript中使Jquerys .html()函数。我想重新创建,以便可以更好地理解它。我已经尝试了以下方法,但是似乎没有任何效果,我只是不明白我在做什么错。

let $ = function(ele) {
    if (ele.charAt(0) == '.' || ele.charAt(0) == '#') {
    let newEle = cut(ele,0);
    if (ele.charAt(0) == '#')
        get(newEle);
    else
        return document.getElementsByClassName(newEle);
  } else
    return document.getElementById(ele);
}

$.prototype.html = function(html) {
    this.innerHTML = html;
}

$('test').html('hey');
$('.hey')[0].html('hey');
function cut(string,num) {
    let a = string.slice(0,num);
  let b = string.slice(num + 1,string.length);
  return a + b;
}

它不起作用,控制台日志报告此错误:

Uncaught TypeError: $(...).html is not a function

请帮助并提前致谢。

约翰尼·扎巴拉

这里的问题是您从$函数返回的内容。考虑一下:document.getElementsByClassName和document.getElementById返回dom元素,而dom元素没有.html函数。这就是为什么您得到错误。

您需要返回的是一个对象,一个包装器,一个.html函数以及一个要修改的dom元素的闭包。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在 HTML、CSS 和 Javascript (vanilla) 中制作切换开关词

如何在javascript中制作包装函数?

如何在 HTML5、Css3 和 Vanilla js 中动态制作三图?

如何在Vanilla HTML / JS中重新加载ReactJS组件?

如何在javascript中制作这些processing.js函数?

如何在 HTML 或 Javascript 中制作这些彩色矩形?

如何在JavaScript中制作和编辑HTML div

如何在javascript / html中制作canvas API彩色图块

javascript(Vanilla)-如何在显示警报后阻止HTML表单发布

如何在 vanilla js 中编写没有字符串声明的 HTML 标签

如何在 vanilla html 中创建大小响应的独立滚动部分

如何在jquery中重写javascript函数?

Javascript:如何在 html 中调用 javascript 函数

如何在html文件中声明的javascript中调用函数

如何在HTML中调用JavaScript函数而不是href

如何在HTML中打印JavaScript函数的返回值?

如何在传单弹出 HTML 中调用 Javascript 函数

如何在html中循环随机化javascript函数

如何在python中制作舍入函数

如何在 React 中制作函数文件?

如何在自定义jQuery函数中制作数组数据?

如何从HTML / Javascript中的函数访问URL?

如何在HTML JavaScript中调用mfc C ++函数以及如何在mfc C ++中调用JavaScript函数?

如何在Rfc2898DeriveBytes这样的JavaScript中制作加密函数

Javascript/HTML:如何反转函数?

如何在html中制作此形状?

如何在html中制作这个符号?

如何在vanilla JavaScript中将数字与数组中的数字匹配?

如何在ReactJS中添加/混合Vanilla Javascript